https://github.com/ayyush08/curatube
CuraTube is a full-stack video streaming platform that supports a handful of cool features similar to any other video streaming application out there. These features start from user authentication, video uploads, comments, likes,etc to some additional features like tweets and many more.
https://github.com/ayyush08/curatube
cloudinary jwt mern-stack mongodb multer shadcn-ui tanstack-query tanstack-router
Last synced: 22 days ago
JSON representation
CuraTube is a full-stack video streaming platform that supports a handful of cool features similar to any other video streaming application out there. These features start from user authentication, video uploads, comments, likes,etc to some additional features like tweets and many more.
- Host: GitHub
- URL: https://github.com/ayyush08/curatube
- Owner: ayyush08
- Created: 2024-06-13T12:31:57.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-10-19T14:42:50.000Z (8 months ago)
- Last Synced: 2025-10-19T23:19:05.014Z (8 months ago)
- Topics: cloudinary, jwt, mern-stack, mongodb, multer, shadcn-ui, tanstack-query, tanstack-router
- Language: TypeScript
- Homepage: https://curatube.vercel.app
- Size: 6.49 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# 📽️CuraTube
**CuraTube** is a full-stack video streaming platform that supports a handful of cool features similar to any other video streaming application out there. These features start from user authentication, video uploads, comments, likes,etc to some additional features like tweets and many more.
## 🚀 Features
Here’s what CuraTube offers:
- **User Authentication:** Secure sign-up, login, and session management via JWT tokens.
- **Video Uploads:** Secure video uploading with cloudinary signed uploads.
- **Video Streaming:** Smooth video playback with cloudinary srcs.
- **Video Thumbnails:** Add thumbnails for your videos.
- **Comments:** Engage with others through threaded discussions.
- **Likes:** Show appreciation for your favorite videos.
- **Tweets:** Share quick updates or thoughts, Twitter-style.
- **Search:** Search for videos.
- **User Profile:** Personalize your profile and manage your uploads.
- **Video Recommendations:** Get suggestions while you watch a video.
- **Watch History:** Keep track of what you’ve watched.
## 🛠️Tech Stack
### Frontend
- **Frameworks & Libraries:** Vite, React, Redux, TanStack Router, TanStack Query
- **UI & Styling:** Tailwind CSS, Shadcn UI, VidStack (custom video player)
### Backend
- **Server:** Node.js, Express.js
- **Database ORM:** Mongoose
- **File Handling:** Multer
- **Media Storage & Streaming:** Cloudinary
### Database
- **Primary Database:** MongoDB
## 📦Installation
1. Clone the repository:
```bash
git clone https://github.com/ayyush08/CuraTube.git
```
2. Navigate to the project directory:
```bash
cd CuraTube
```
3. Install the dependencies:
```bash
cd client
npm install
cd ../server
npm install
```
4. Create a `.env` file in the root directory and add the necessary environment variables(You can also have separate `.env` files for client and server if needed):
```bash
PORT=
ACCESS_TOKEN_SECRET=
REFRESH_TOKEN_SECRET=
ACCESS_TOKEN_EXPIRY=
REFRESH_TOKEN_EXPIRY=
CORS_ORIGIN=(e.g., http://localhost:5173)
VITE_API_BASE_URL=(e.g., http://localhost:3000)
VITE_CLOUDINARY_CLOUD_NAME=
MONGODB_URI=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
CLOUDINARY_CLOUD_NAME=
```
5. Start the development server for both client and server:
```bash
# In one terminal, start the server
cd server
npm run dev
# In another terminal, start the client
cd client
npm run dev
```
6. Open your browser and navigate to `http://localhost:5173` to view the application.
## Contributing
Contributions are welcome! If you have suggestions or improvements, please open an issue or submit a pull request.