Easy Commerce Learning
An innovative platform delivering high-quality video tutorials across subjects, tailored for learners at all levels.
I collaborated on a freelance project for Easy Commerce, an innovative company specializing in network marketing, e-commerce solutions, and premium beauty and wellness products. I developed the company's video tutorial platform with a teammate, taking full responsibility for the frontend development.
Features
This platform is crafted with a focus on security, efficiency, and a seamless user experience, offering the following essential features:
Category Navigation — Allows users to navigate through different course categories, helping learners quickly find and filter the topics or courses they are interested in.
Search Functionality — Enables users to efficiently locate specific courses or content by typing in keywords, improving accessibility and ease of use.
Course Progress Tracking — Displays a progress bar and completion percentage for each course, helping learners track their progress and motivating them to complete their learning journey.
Course Thumbnails — Visual course thumbnails make it easy to identify topics, enhancing visual appeal and helping users recognize and select courses based on their interests.
Featured Topics Section — A dedicated section for featured topics or courses, highlighting key or popular courses to encourage users to explore recommended content.
Responsive UI Design — Modern and clean user interface design provides an intuitive and aesthetically pleasing experience, making the platform easy to navigate on various devices.
Course Completion Indicator — Shows '0% Complete' below each course thumbnail, reminding users of their progress status and encouraging them to continue or complete their courses.
Resume Playback — Users can continue watching videos from where they left off, enhancing the user experience by allowing seamless continuation of learning sessions.
Video Management — Admins can upload, edit, and delete video content for each course, ensuring that learning material is up-to-date and relevant.
Category Management — Admins can create, modify, and remove course categories, organizing courses into logical categories to make it easier for learners to find content.
Topic Management — Admins can add, edit, or delete topics within each category, providing flexibility in organizing course material and tailoring learning paths.
Featured Course Selection — Admins can designate certain topics or courses as 'featured' to highlight them on the platform, increasing visibility and engagement.
User Management — Admins can manage user accounts, including creating new users, editing details, and assigning roles, ensuring a secure and well-organized learning environment.
Screenshots
Tech Stack
This project leverages reliable technologies to ensure efficient development and easy maintenance.
Frontend
React v18.2 — Built a dynamic and interactive user interface using reusable components, enhancing overall user engagement.
JavaScript — Utilized as the core scripting language to enable dynamic client-side functionality and interactivity.
Next.js v14.0.1 — Implemented server-side rendering and static site generation for improved performance and SEO.
Ant Design v5.12.1 — Ensured a consistent and responsive user interface using a comprehensive library of pre-designed components.
Backend
MongoDB — Provided robust and scalable data management to support backend operations.
DevOps
Git — Facilitated distributed version control for efficient code management and collaboration.
Vercel — Hosted and deployed frontend applications with a focus on speed, scalability, and reliability.
DigitalOcean Spaces — Utilized for scalable storage and content delivery, seamlessly integrating with deployment workflows.