This project is a YouTube Gallery application that allows users to view and manage a collection of YouTube videos.
- React
- TypeScript
- Redux Toolkit
- Ant Design
- React Hook Form
- Zod
- TypeScript
- NestJS
- TypeORM
- MySQL
Follow these steps to set up and run the project locally:
-
Clone the repository to your local machine.
-
Copy the
.env.examplefile in both the frontend and backend directories to.env:cp frontend/.env.example frontend/.env cp backend/.env.example backend/.envFill in the necessary environment variables in both
.envfiles. -
Ensure you have MySQL running locally on your machine.
-
Set up and run the backend:
cd backend npm install npm run start:dev -
In a new terminal, set up and run the frontend:
cd frontend npm install npm start -
The application should now be running. Access the frontend through your web browser, typically at
http://localhost:3000.
- View a gallery of YouTube videos
- Add new videos to the gallery
- Edit Existing Videos in the Gallery
- Remove a Video from the Gallery
- View individual video details and watch in the app.
This project is licensed under the MIT License - see the LICENSE.md file for details.