Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nileshkr17/mern-2022
Learning MERN STACK : Planning to make twitter clone also to add PWA feature in it.
https://github.com/nileshkr17/mern-2022
mern-stack practicing
Last synced: 6 days ago
JSON representation
Learning MERN STACK : Planning to make twitter clone also to add PWA feature in it.
- Host: GitHub
- URL: https://github.com/nileshkr17/mern-2022
- Owner: nileshkr17
- Created: 2022-07-05T18:12:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-29T14:44:24.000Z (over 2 years ago)
- Last Synced: 2023-04-26T04:58:25.221Z (over 1 year ago)
- Topics: mern-stack, practicing
- Language: JavaScript
- Homepage:
- Size: 11.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Learning MERN Stack
## Notes
- **M** = MongoDB (We'll use Mongoose to make it easier for Node.js to work with MongoDB, and we'll use MongoDB Atlas = MongoDB database, but cloud).
- **E** = Express (makes it easier to work with Node.js. We'll use `cors` middleware to access other servers outside our server).
- **R** = React (for the frontend. We'll use `bootstrap` for styling, `react-router-dom` for React routes, `react-datepicker` for React Datepicker component, and `axios` to connect to the backend).
- **N** = Node.js (for the server. We'll use `dotenv` to load environment variables from an .env file into `process.env`, and `nodemon` to make the app auto-restart when you edit/save files).
`package`:-package lock .json ensure that exactly version of your project and the nested dependencies and
/*
Exercise Tracker App:- Exercises collection
- Users collection
- every Exercise has one UserTo just get it running after you `git clone`, set up [MongoDB Atlas](https://github.com/hchiam/learning-mern-stack#mongodb-atlas), and then follow these CLI steps:
*/
```bash
cd /directory name
npm install
cd backend
npm install
touch .env# inside /mern-2022: (separate CLI tab)
cd ..
cd mern-exercise-tracker
npm start# inside /backend folder: (separate CLI tab)
cd mern-2022
nodemon server.js
# or: nodemon -x 'npm run lint; node server.js'
```Day 11:
![Netflix-react]![image](https://user-images.githubusercontent.com/77370375/180591164-1cffc11b-92c1-4631-adbe-c6f4ed758f22.png)