Master the art of guitar with premium video courses from world-class instructors.
Stringz is a modern, full-stack E-learning platform designed for guitar enthusiasts. From beginner chords to advanced solos, Stringz offers a seamless learning experience with high-quality video lessons, progress tracking, and secure payments.
| Service | URL | Status |
|---|---|---|
| Frontend | https://stringz-lijo.vercel.app |  |
| Backend | https://stringz.onrender.com |  |
| Database | MongoDB Atlas |  |
- 🎥 High-Quality Video Lessons: Stream 4K lessons with an integrated video player.
- 🔐 Secure Authentication: JWT-based login/signup with role-based access control (Student/Admin).
- 💳 Seamless Payments: Integrated Razorpay for secure and easy course purchases.
- 📊 Student Dashboard: Track your purchased courses and learning progress.
- 🛠 Admin Panel: Manage lessons, upload videos, and view sales analytics.
- 🎨 Modern UI/UX: Fully responsive, dark-themed design with glassmorphism effects and smooth animations.
- React.js: Component-based UI architecture.
- Tailwind CSS: Utility-first styling for a rapid, responsive design.
- Framer Motion: Smooth animations and transitions.
- Lucide React: Beautiful, consistent icons.
- Vite: Blazing fast build tool.
- Node.js & Express: Robust and scalable server-side runtime.
- MongoDB & Mongoose: Flexible NoSQL database with schema modeling.
- JWT (JSON Web Tokens): Secure stateless authentication.
- Cloudinary: Optimization and storage for lesson videos and thumbnails.
- Razorpay: Payment gateway integration.
Follow these steps to run the project locally.
- Node.js (v16+)
- MongoDB (Local or Atlas)
```bash git clone https://github.com/your-username/stringz.git cd stringz ```
```bash cd BACKEND npm install ``` Create a `.env` file in the `BACKEND` directory: ```env PORT=4000 MONGODB_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret CLOUDINARY_CLOUD_NAME=your_cloud_name CLOUDINARY_API_KEY=your_api_key CLOUDINARY_API_SECRET=your_api_secret RAZORPAY_KEY_ID=your_razorpay_id RAZORPAY_KEY_SECRET=your_razorpay_secret FRONTEND_URL=http://localhost:5173 ``` Start the server: ```bash npm start ```
```bash cd ../FRONTEND npm install ``` Create a `.env` file in the `FRONTEND` directory: ```env VITE_API_URL=http://localhost:4000/api VITE_RAZORPAY_KEY_ID=your_razorpay_id ``` Start the development server: ```bash npm run dev ```
THANK YOU