shopSmooth Ecommerce web app(MERN stack) portfolio project by Team Codemongers
Welcome to shopSmooth, a feature-rich and easy-to-use Ecommerce application built using the powerful MERN stack (MongoDB, ExpressJS, ReactJS, Redux and NodeJS). Our goal is to provide a seamless shopping experience for our customers. Our application is built using MongoDB as the primary database, which allows for efficient data storage and retrieval. ExpressJS is used to handle routing and API calls, while ReactJS and Redux are used for the frontend, providing a responsive and dynamic user interface. NodeJS is used for the backend, allowing for fast and efficient server-side processing. shopSmooth is designed to be user-friendly, with a clean and intuitive interface that makes it easy to browse and search for products. Our easy-to-use shopping cart and checkout process ensure a smooth and seamless experience for our customers. Additionally, our application is built with scalability in mind and can handle a large number of products and a high volume of traffic. We've also implemented security measures to protect our customers' personal information and ensure a safe shopping experience. We are constantly working to improve shopSmooth and add new features, so stay tuned for updates and improvements. Thank you for choosing shopSmooth for your online shopping needs.
HIGHLIGHTS
- Shopping cart with PayPal & credit/debit payments
- Admin area to manage customers, products & orders
- Product rating & review system
- Product search, carousel, pagination
SALIENT FEATURES
- Full featured shopping cart
- Product reviews and ratings
- Top products carousel
- Product pagination
- Product search feature
- User profile with orders
- Admin product management
- Admin user management
- Admin Order details page
- Mark orders as delivered option
- Checkout process (shipping, payment method, etc)
- PayPal / credit card integration
- Custom database seeder script
LEARNINGS
- React with Functional Components & Hooks
- React router
- React-Bootstrap UI library
- How to structure components
- Component level state & props
- Managing global state with Redux (Actions & Reducers)
- Using Redux state in components (useDispatch & useSelector)
- Creating an extensive back end with Express
- Working with a MongoDB database and the Mongoose ODM
- JWT authentication (JSON web tokens)
- Creating custom authentication middleware
- Custom error handler
- Integrating the PayPal API
- Environment variables
- Project deployment Others...
Project based on the course 'MERN eCommerce From Scratch' | Build an eCommerce platform from the ground up with React, Redux, Express, MongoDB and Node https://www.udemy.com/course/mern-ecommerce/?ranMID=39197&ranEAID=dUPfflswy6c&ranSiteID=dUPfflswy6c-A0t2whKwMh10H4KZxJz1pw&LSNPUBID=dUPfflswy6c&utm_source=aff-campaign&utm_medium=udemyads