Edudev Online education Website

EduDev is an innovative online course platform designed to revolutionize the way users engage with educational content. Unlike a mere clone, EduDev offers a unique blend of features tailored to enhance the learning experience for both instructors and students alike.

Key Features:

Instructor and Admin Panels: EduDev provides dedicated panels for instructors and administrators to seamlessly post and manage courses, ensuring a smooth workflow and content management process.

Advanced Search and Filtering: With robust search and filtering capabilities, users can effortlessly discover courses tailored to their interests and preferences, enabling a personalized learning journey.

Interactive Video Player: Dive into an immersive learning experience with EduDev's interactive video player, which allows users to seamlessly view course content and engage with instructors.

Secure Payment System: EduDev integrates Stripe Node.js for a secure and efficient payment system, enabling users to purchase courses with confidence and ease.

Data Visualization with Recharts: Gain valuable insights into user engagement and course performance through intuitive data visualization powered by Recharts, facilitating informed decision-making and optimization strategies.

Interactive Learning Tools Video Player: Engage users with an integrated video player for course content.

E-commerce Integration

Bookstore: Users can browse and purchase books directly from the platform. Secure Online Payments: Seamless payment system allowing users to pay for courses, books, and other products online.

Instructor Application

Apply as an Instructor:

Users can apply to become instructors and create their own courses on the platform.

Dual Admin Dashboards

Instructor Dashboard:

Manage courses, create content, and engage with students

.Website Admin Dashboard:

Control platform settings, user management, and product uploads.

Tech Stack

Client: React, Redux,Javascript, Libs: ReactQuill,Datefns,react-swiper,react-tuby,Recharts etc..

Server: Node, Express,Mongodb ,Mongoose,Multer,Firebase storage API,JWT,Bycrypt,stripe payments etc..

Deployment

To start with this project ,foloow below steps

  npm run

Getting Started with React-Vite App Prerequisites

Before you begin, make sure you have Node.js (v14.x or later) and npm (v6.x or later) installed on your machine.

Step 1: Create a New React-Vite App

To create a new React-Vite project, run the following command in your terminal:

npx create-vite@latest my-react-vite-app --template react

Replace my-react-vite-app with your preferred project name.

Step 2: Navigate to Your Project

Move into your project directory:

cd my-react-vite-app

Step 3: Install Dependencies

Install the project dependencies using npm:

npm install

Step 4: Run the Development Server

Start the development server and launch your React-Vite app:

npm run dev

Step 5: Access Your App

Open your web browser and go to http://localhost:3000 to view your React-Vite application.

Additional Commands

During development, you can use the following npm commands:

Build your app for production:

npm run build

Serve the production build locally:

npm run serve

Customize Your App Edit the source files in the src directory to modify your React components and application logic.

Learn More To learn more about React-Vite, visit the Vite documentation and React documentation.

Now you're ready to start developing your React-Vite application. Happy coding! 🚀

Demo

Screenshots

If you want to access Admin or instructor panels to view

Dm me to :
MAIL:lalithdev123@gmail.com

Thank you..you can improve it by forking and pull me ,if will take into consideration ,it has alot features to develop,some of them are not working properly ,you can improve it ,and i will add your contribution also.