Giter Site home page Giter Site logo

shubhambattoo / shopping-cart Goto Github PK

View Code? Open in Web Editor NEW
22.0 1.0 9.0 4.55 MB

React Shopping Cart

Home Page: https://react-shopping-cart-xvov.onrender.com

License: MIT License

JavaScript 63.18% HTML 2.14% CSS 34.68%
react mongodb nodejs shopping-cart javascript backend-services hooks-api-react context-api usereducer sneakers

shopping-cart's Introduction

๐Ÿ‘Ÿ Sneakers Store App using React and Express

MERN Shopping cart created with React, NodeJS, MongoDB

๐Ÿ  Shopping Cart

screen

Prerequisites

  • Node > 12 or LTS
  • npm or yarn
  • MongoDB installed on local machine

Getting Started

Clone or Download

git clone https://github.com/shubhambattoo/shopping-cart.git
cd shopping-cart

Run npm install to install all the dependencies

Creating a .env file

PORT=3000
DATABASE_HOST=mongodb://yoururl/
DATABASE_NAME=yourDBNAME
NODE_ENV=development

To import the Mock Products Data to MongoDB

cd /data
mongoimport --db [yourDBName] --collection products --file products.json --jsonArray

To start up the backend services run, npm start this will start the backend service on PORT 3000

Client Side

Development

cd client
npm install
npm start

This should start up the React application on PORT 3001 and you open http://localhost:3001

Contributing

Contributions, issues and feature requests are welcome! Feel free to check issues page.

View CONTRIBUTING.md to learn about the style guide, folder structure, scripts, and how to contribute.

Contributors


Shubham Battoo

๐Ÿ’ป๐Ÿ“– ๐Ÿš‡

Manoj Barman

๐Ÿ’ป

Author

Shubham Battoo

Show your support

Give a โญ๏ธ if this project helped you!

shopping-cart's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar itsmanojb avatar shubhambattoo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

shopping-cart's Issues

Enhance the UI

Redesigning the UI to make it look more modern and with better experience

Local storage

Feature for adding local storage to the cart items. The cart items don't persist on page refresh.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.