React Shopping Cart

MERN e-Commerce Website App

Oh! My Dress is a small but functional responsive shopping cart with react and redux, user-friendly frontend and a simple backend with Node and MongoDB.

The frontend contains products list, shopping cart and checkout components, with animations, modals and zoom by react-reveal, managing state by Redux.

The project is hosted on Heroku and MongoDB Atlas.

∫teps of the project:

• Design Shopping Cart Using HTML and CSS
• Implement React Components For Product List, Filter, Cart
• Manage Component State using Redux, React-Redux and - Redux-Thunk
• Create Animations Using React-Reveal and Add Routes using React-Routers
• Build Backend using Node, Express, MongoDB and Mongoose
• Publish Project on the Heroku and MongoDB Atlas

Tools and Technologies:

• JavaScript (arrow functions, array functions, spread Operators, ...)
• React (react-touter-dom, react-reveal, react-modal)
• Redux (react-redux, redux-thunk)
• Node (express, body-parser, Environment Variables, nodemon)
• MongoDB ( mongoose, shortid)
• VS Code (ES6 Snippets, ES7 React Extension, ESLint Extension,CSS Peek)
• Chrome ( React Developer Tools, Redux Developer Tools)
• Git (create repo, commit, remote, create and push branch)
• Github (create repo, connect to local repo, pull request and merge)
• Postman ( send get, post, put and delete requests to apis)
• Deployment ( Heroku, MongoDB Atlas Cloud)