Tech Stack
Description
This e-commerce project is a web application built around common online shopping and product management workflows. It includes a product listing page, interfaces for adding and updating products, and user account screens for login, registration, and profile management.
The project demonstrates full-stack web development using React on the frontend and Node.js, Express.js, and MongoDB on the backend, with an emphasis on organizing the application into clear interfaces and reusable components.
- Developed an e-commerce application using React and JavaScript.
- Created a product listing interface for browsing available products.
- Built interfaces for adding new products and updating existing product information.
- Created login and registration page interfaces.
- Developed a user profile page.
- Used Node.js and Express.js for backend application functionality.
- Used MongoDB for data storage.
- Focused on clear navigation and a consistent user interface.
Demo Video
Watch the project walkthrough at 2 speed.
Page Info
Product Listing
The product listing page presents available products in an organized layout for browsing.
Add New Product
The product creation interface allows users to enter information when adding a product.
Update Product
The product editing interface allows users to modify existing product information.
User Login
The login page provides an interface for registered users to access their accounts.
User Registration
The registration page provides an interface for creating a user account.
User Profile
The profile page displays the user's account information.
