A Full Stack Shopping List built with MERN Stack
Backend server built with Express, MongoDB Atlas and mongoose.Added the MongoDB Atlas URI key in config/keys.js. Running the script with nodemon to connect to MongoDB:
Defined the database model in models/Item.js. Then defined the API calls(GET,POST and DELETE) in routes/api/items.js. Testing the requests with Postman:
1.POST Request
2.GET Request
3.DELETE Request
Client Setup => 1.Setup client side usign create-react-app npm package
2.Added proxy under client/package.json so as to avoid typing whole web address each time.
3.Added properties under scripts of backend package.json file so as to run client and backend server simultaneously with a single command using concurrently dependency
Used Reactstrap to implement bootstrap in React and then added Components
- After adding AppNavbar component
2.After adding ShoppingList component
