Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sanjaraiy/netflix_clone_mern_stack

This project is based on Mern Stack.
https://github.com/sanjaraiy/netflix_clone_mern_stack

Last synced: 5 days ago
JSON representation

This project is based on Mern Stack.

Awesome Lists containing this project

README

        

# Netflix Clone Using MERN Stack

## Create React App :-
```
npx create-react-app project_name
```

## Tailwind Setup :-
1) Install Tailwind CSS
```
npm install -D tailwindcss
npx tailwindcss init
```

2) Configure your template paths
```
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
```
3) Add the Tailwind directives to your CSS
```
@tailwind base;
@tailwind components;
@tailwind utilities;
```

## Install React-router-Dom :-
```
npm i react-router-dom
```

## Install React Icons :-
```
npm install react-icons
```

## Install Backend Dependencies :-
```
npm i express mangoose nodemon dotenv b
cryptjs cookie-parser jsonwebtoken axios cors
```
## Setup Nodemon in index.js file:-
```
"scripts": {
"dev":"nodemon index.js",
"test": "echo \"Error: no test specified\" && exit 1"
}
```