Youtube clone using React, Node, MongoDB and Firebase. MERN stack app with Redux Toolkit, JWT Cookies and Firebase Storage.
- Project Overview
- Features
- Technologies Used
- Installation
- Usage
- Project Structure
- Contributing
- License
- Contact
- MongoDB: Database for storing user and product information.
- Express.js: Backend framework for building the server and API.
- React: Frontend library for building the user interface.
- Node.js: Runtime environment for server-side JavaScript execution.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/dipak-kumawat/YouTube.git
-
Navigate to the project directory:
cd YouTube
-
Install server dependencies:
cd server npm install
-
Install client dependencies:
cd ../client npm install
-
Set up environment variables: Create a
.env
file in theserver
directory and add the following: -
Start the server:
cd ../server npm start
-
Start the client: Open a new terminal window and navigate to the
client
directory:npm start
- Visit
http://localhost:3000
to view the YouTube frontend.
Agri-Mart/
│
├── client/ # React frontend
│ ├── public/ # Public assets
│ └── src/ # React components and application logic
│ └── ...
│
├── server/ # Express backend
│ ├── config/ # Configuration files
│ ├── controllers/ # Request handlers
│ ├── models/ # Mongoose models
│ ├── routes/ # API routes
│ └── ...
│
└── README.md # This README file
Contributions are welcome! If you have any suggestions or improvements, please create a pull request or open an issue.
- Fork the repository.
- Create your feature branch (
git checkout -b feature/YourFeature
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature/YourFeature
). - Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
For any inquiries or feedback, please contact us at:
- Email: [email protected]
Thank you for using YouTube – a video sharing platform!