Skip to content

MERN-based e-commerce app with modern UI, secure auth, and real-time cart management.

Notifications You must be signed in to change notification settings

Elisassa/Online-shopping-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 Trimble Store - Your One-Stop Shop for Everything!

image

The Trimble Store is a full-stack e-commerce application built from the ground up using the MERN stack: MongoDB, Express.js, React.js, and Node.js. This project combines modern web development techniques with a focus on responsive design, ensuring a smooth and engaging shopping experience.

Technologies Used ⚙️

  • Next.js & React: For building a dynamic and responsive user interface.
  • Node.js & Express: Server-side framework for backend functionality.
  • MongoDB: NoSQL database for efficient and scalable data storage.
  • JWT Authentication: Ensures secure access to user accounts and data protection.
  • Bootstrap: For additional styling and UI components.

Key Features

  • User-Friendly Interface: A sleek and responsive design welcomes users to explore our featured products with ease. The homepage highlights popular items with intuitive "Add to Cart" functionality.
  • Robust Shopping Cart Management: Effortlessly manage your shopping cart with real-time updates, providing a smooth and dynamic experience as you browse through your favorite items.
  • Secure Authentication: Ensuring user security with JWT-based authentication, allowing safe access to accounts for logging in, registering, and making purchases.

Front End Excellence ✨

Leveraging the power of React, Next.js, and Bootstrap, Trimble Store offers a modern and visually appealing user experience. The responsive design adapts beautifully across devices, providing customers with a consistent shopping journey whether they are on desktop or mobile.

Back End Reliability 🛠️

Built with Node.js and Express, the backend is designed for speed and scalability. MongoDB handles our data, providing efficient data storage and retrieval, while user actions are protected with state-of-the-art security measures, ensuring data integrity and privacy.

🛒Dynamic Shopping Cart - CRUD Operations

image

The Trimble Store shopping cart offers a seamless and interactive experience with full CRUD functionality. Users can effortlessly add, view, update, and remove items in real-time, with changes instantly reflected in both the cart and backend. The "Remove Product" feature allows quick deletion of items, updating the global state without page refresh, ensuring a smooth and responsive shopping journey.

🔑 Login Page

image

The Login page is designed for a simple and secure user authentication process. Users can enter their username and password to access their accounts. The minimalistic design focuses on functionality and ease of use, ensuring a smooth login experience.

📝 Registration Page

image

The Registration page allows new users to create an account by entering a username and password. The straightforward layout ensures that the registration process is quick and user-friendly, making it easy for newcomers to join the Trimble Store community.

Explore the Trimble Store and discover a world where every product is just a click away!

About

MERN-based e-commerce app with modern UI, secure auth, and real-time cart management.

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published