Home

Backend setup

1. Clone the backend repo

git clone https://github.com/manikandanraji/youtubeclone-backend

# navigate to the root directory
cd youtubeclone-backend

2. Database connection using ElephantSQL

• ElephantSQL is a PostgreSQL database hosting service
• Signup for ElephantSQL using this link
• Watch this video about creating an postgresql instance

3. Create a .env file at the root directory with the following contents

JWT_SECRET=pewdiepie # opt for more secure secret
JWT_EXPIRE=30d
DATABASE_URL=[YOUR_DB_CONNECTION_URL]

4. Installing the dependencies

npm i

5. Running the server locally

npm run dev # server started running at http://localhost:5000

Frontend setup

1. Clone the frontend repo

git clone https://github.com/manikandanraji/youtubeclone-frontend

# navigate to the root directory
cd youtubeclone-frontend

2. Cloudinary setup and adding upload preset

• Cloudinary is a cloud-based image and video hosting service
• Signup for cloudinary using this link
• Watch this video about setting up upload preset in cloudinary

3. Create a .env file at the root directory with the following contents

REACT_APP_BACKEND_URL=http://localhost:5000/api/v1/ # make sure you're running the backend locally
REACT_APP_CLOUDINARY_ENDPOINT=https://api.cloudinary.com/v1_1/<YOUR_CLOUD_NAME>

4. Installing the dependencies

npm i

5. Start the frontend

npm start # http://localhost:3000