Skip to content

usmanali598/ShoppingList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopping List with Mern Stack

This repository has MERN Stack where Mongo is being used for database. Express is used for creating routes to connect mongo database and make http requests. React is used for view to cover the front end area where user can see the list of items for shopping. Moreover, user can add items and delete items from list. Redux is also used for state management.

NPM packages:

Packages Used For
axios HTTP requests
concurrently running back-end and front-end server simultaneously
mongoose connecting express with mongo database
nodemon re-running the server after changes
reactstrap styled components in front end
react-transition-group transitioning effect
redux state management

How to run the app:

1. git clone https://github.com/usmanali598/ShoppingList.git
2. cd ShoppingList
3. npm install
4. local database connection e.g "mongoURI": "mongodb://localhost:27017/items"
5. npm run client-install
6. npm run dev
Scripts

npm install --prefix client ( instead of cd client & npm install) npm start --prefix client ( instead of cd client & npm start)

npm run server: for backend server with nodemon
npm run client: for frontend server
npm run client-install: for installing client side dependencies
npm run dev: for running both backend & frontend servers

Note:

Please, use your own mongo db user name and password to connect to backend. "mongoURI": "PUT_YOUR_MONGO_URI",