REDUX SHOPPING CART

CartEase

A Redux shopping cart app frontend in React is a user interface that displays a list of products available for purchase, allows users to add items to a shopping cart.

Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Description
3. Contributing
4. Contact
5. Acknowledgments

About The Project

A Redux shopping cart app frontend in React is a user interface that displays a list of products available for purchase, allows users to add items to a shopping cart, and facilitates the checkout process. The Redux architecture is used to manage the state of the shopping cart and handle user actions, such as adding or removing items from the cart. The frontend in React provides a responsive and intuitive interface for users to interact with the app on different devices.

Team - shivam6862

(back to top)

Built With

• react-url
• NodeJs-url
• Mongodb-url
• VisualStudioCode-url

(back to top)

Getting Started

So as to run our project locally, you need to follow the steps below.

Installation

1. Clone the repo

   git clone https://github.com/shivam6862/CartEase

2. Install NPM packages on both backend and frontend folders

   npm install

3. Enter your MONGODB DATABASE URL and put it in .env file in backend directory

   MONGODB_URL= "your mongodb url"

4. Make the database in your mongodb server named as CartEase and make the following collection

   cart

5. Run the project in frontend using

   npm run dev

6. Run the project in backend using

   npm start

7. You can now view the project at http://localhost:3000

(back to top)

Description

A Redux shopping cart app with frontend in React and backend in Express is a full-stack web application that allows users to browse a catalog of products, add items to their shopping cart, and complete a purchase. The app is built using the React library for the frontend and Express framework for the backend. Users can add and remove items from their cart, and the app updates the cart total in real-time. The backend manages the application logic, including the retrieval and storage of product information and shopping cart data. It communicates with the frontend using RESTful APIs to retrieve and send data.

The app uses the Redux architecture to manage the state of the shopping cart, which helps keep the code organized and maintainable. The Redux store is connected to the backend using middleware that handles asynchronous actions, such as fetching product data and updating the shopping cart.

Overall, the Redux shopping cart app with frontend in React and backend in Express provides a seamless and secure shopping experience for users.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Contact

CartEase - @shivam-kumar

Project Link: https://github.com/shivam6862/CartEase

(back to top)

Acknowledgments

• GitHub Pages
• Font Awesome
• MongoDb

• Finally, kudos to the team for the great work shivam6862

(back to top)