Skip to content

Latest commit

 

History

History
100 lines (72 loc) · 3.37 KB

README.md

File metadata and controls

100 lines (72 loc) · 3.37 KB
Raw

Course Selling Website

This project is a Course Selling Website built using React and nodejs. It allows users to #, #, and browse through various courses. Admins can manage courses, add new ones, and update them through a dashboard connected to a MongoDB backend.

Demo Screenshots

Langing Page

landing-page

# Page

#

Signin Page

signin

Courses Page

courses

Add Course and Courses Table Page

course-management add courses

MongoDB Database Overview

mongodb

Dialog Box for Course Update

add dialogbox

Features

  • User Authentication: Users can # and log in.
  • Courses: Users can view a list of available courses.
  • Admin Dashboard:
    • Add, update, and delete courses.
    • Manage course details including title, description, price, and more.
    • MongoDB Integration: All course and user data is stored in MongoDB.

Technologies Used

  • Frontend:
    • HTML, CSS, JavaScript
    • React.js for building UI components
  • Backend:
    • Node.js and Express.js for server-side logic
    • MongoDB as the database for storing courses and users
  • Authentication:
    • JWT (JSON Web Tokens) for user authentication and authorization
  • State Management:
    • React Context API for managing global state
  • Axios: For making HTTP requests to the backend
  • Material-UI: For UI components like tables, dialog boxes, etc.

Installation

  1. Installation and Setup
    git clone https://github.com/Ajay1812/course-selling-admin.git
    cd course-selling-admin
  1. Install dependencies: Navigate to the project directory and install the required packages for both frontend and backend:
    cd course-selling-app/admin-client
    npm install
    cd ..
    cd server
    npm install
  1. Set up MongoDB:
  • Ensure MongoDB is installed and running on your system.
  • Create a .env file in the root directory and add your MongoDB connection string:
    MONGO_USER=your-mongodb-user
    MONGO_PASSWORD=your-secret-password
    SECRET_JWT=your-secret
  1. Run the application: Start both the frontend and backend servers on PORT 3000:
    cd server
    npm start
  1. Access the website:

Future Improvements

  • Implement payment gateway integration for course purchases.
  • Add course categories and filtering options.
  • Improve the UI/UX design with enhanced styling.
  • Optimize performance and scalability for a larger user base.