🚀 ScholarBay Website

A modern, full-stack learning platform for online courses

---

✨ Features

🎓 For Students 📝 User registration & profile management 🔍 Browse comprehensive course catalog 📊 Track learning progress ⭐ Rate & review courses 🛒 Shopping cart functionality 📧 Email notifications

👨‍🏫 For Instructors 📚 Create & manage courses 🎥 Upload video content 📑 Organize course sections 💰 Payment integration 📈 Dashboard analytics 👥 Student management

🏗️ Project Architecture

graph TB
    A[👤 User Interface] --> B[⚛️ React Frontend]
    B --> C[🌐 Express API]
    C --> D[🍃 MongoDB Database]
    C --> E[💳 Payment Gateway]
    C --> F[☁️ Cloudinary Storage]
    C --> G[📧 Email Service]

Loading

📁 High-Level Structure

🏠 LearnCode-Website/
├── 🎨 frontend/learning-platfrom/     # React application
│   ├── 📦 src/
│   │   ├── 🧩 components/           # Reusable UI components
│   │   ├── 📄 pages/               # Application pages
│   │   ├── 🎛️ Dashboard/           # Admin & instructor panels
│   │   ├── 🛍️ catalogs/            # Course catalog features
│   │   └── 🔧 utils/               # Helper functions
│   └── 🏗️ build/                   # Production build
└── 🖥️ server/                       # Node.js backend
    ├── 🎯 controllers/              # Business logic
    ├── 📊 models/                   # Database schemas
    ├── 🛣️ router/                   # API endpoints
    ├── ⚙️ config/                   # App configuration
    └── 🔧 utils/                    # Server utilities

🚀 Quick Start

📋 Prerequisites

Tool	Version	Purpose
📦 Node.js	v16+	Runtime environment
🐙 Git	Latest	Version control
🍃 MongoDB	4.4+	Database

⚡ Installation

📥 1. Clone Repository

git clone https://github.com/azad52786/LearnCode-website.git
cd LearnCode-website

📦 2. Install Dependencies

# Install frontend dependencies
cd frontend/learning-platfrom
npm install

# Install backend dependencies
cd ../../server
npm install

⚙️ 3. Environment Setup

Create .env file in server/ directory:

# Database
MONGODB_URI=your_mongodb_connection_string

# JWT
JWT_SECRET=your_jwt_secret

# Payment Gateways
RAZORPAY_KEY_ID=your_razorpay_key
RAZORPAY_SECRET=your_razorpay_secret
CASHFREE_APP_ID=your_cashfree_app_id
CASHFREE_SECRET_KEY=your_cashfree_secret

# Cloudinary
CLOUDINARY_CLOUD_NAME=your_cloud_name
CLOUDINARY_API_KEY=your_api_key
CLOUDINARY_API_SECRET=your_api_secret

# Email
MAIL_HOST=smtp.gmail.com
MAIL_USER=your_email@gmail.com
MAIL_PASS=your_app_password

🏃‍♂️ 4. Run Development Servers

# Start backend server (Terminal 1)
cd server
npm run dev

# Start frontend server (Terminal 2)
cd frontend/learning-platfrom
npm start

🌐 Access URLs:

• Frontend: http://localhost:3000
• Backend API: http://localhost:5000

🛠️ Tech Stack

Frontend

Backend

Payment & Services

---

📚 Key Components

🎨 Frontend React 18 - Modern UI framework TailwindCSS - Utility-first styling Redux Toolkit - State management React Router - Navigation Axios - HTTP client React Hook Form - Form handling

⚙️ Backend Express.js - Web framework MongoDB - NoSQL database Mongoose - ODM for MongoDB JWT - Authentication Bcrypt - Password hashing Multer - File uploads

🔌 Integrations Razorpay/CashFree - Payments Cloudinary - Media storage Nodemailer - Email service OTP Generator - Verification CORS - Cross-origin requests

🤝 Contributing

We welcome contributions! Here's how you can help:

🔄 Process

1. 🍴 Fork the repository
2. 🌿 Create your feature branch

   git checkout -b feature/amazing-feature

3. 💻 Commit your changes

   git commit -m 'Add amazing feature'

4. 🚀 Push to the branch

   git push origin feature/amazing-feature

5. 📝 Open a Pull Request

🐛 Found a Bug?

• Open an issue
• Describe the bug and steps to reproduce
• Include screenshots if applicable

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

📞 Contact & Support

👨‍💻 Developer

🆘 Need Help?

• 📖 Documentation
• 🐛 Report Issues
• 💬 Discussions

---

⭐ Star this repo if you find it helpful!

Made with ❤️ for the learning community