An open API service indexing awesome lists of open source software.

https://github.com/noosrat-jahan/easylearn-platform

EASYLEARN is an education managemnet system website which give users three different role of experience including general user, tecaher and admin. This website is builld with popular frontend technologies like React , TailwindCss, Firebase and for backend express, node and mongodb has been used.
https://github.com/noosrat-jahan/easylearn-platform

express-js firebase mongodb reactjs stripejs tailwind-css

Last synced: about 2 months ago
JSON representation

EASYLEARN is an education managemnet system website which give users three different role of experience including general user, tecaher and admin. This website is builld with popular frontend technologies like React , TailwindCss, Firebase and for backend express, node and mongodb has been used.

Awesome Lists containing this project

README

        

# Project Name: EASYLEARN

![Alt text](src/assets/projectdemo.png)

# Project Overview
EASYLEARN is an education management website to manage interactions between learners and instructors by providing relevant and necessary resources, an interactive user interface and smooth functionality.

# Key Features

* Easylearn website users have three different roles: general user, admin and teacher.

* Admin dashboard has 4 routes (teacher request, users, class request).

* Admin can view all teacher request, all users of the website, all class requests from different teachers.

* Admin can approve and rejects requests, can make user an admin or teacher or both.

* A teacher can add new class, view his/ her added classes.

* A teacher can update and delete his or her added class

* If class approved by admin then he/she can create assignments and view them.

* Student can view classes, enroll for paid classes using payment method.

* Students can view assignment, submit assignment and also can give feedback about specific classes.

* Any user can update his/ her profile information and can apply to be a teacher by filling out a teacher details form

# Technologies:
* React
* React Router
* Tailwind CSS
* Stripe js
* Express
* MongoDB
* Node.js
* Firebase

# Used Packages
* React-Hook-Form
* Tanstack Query
* ChakraUI
* MambaUI
* sweetalert
* swiperjs
* react-icon

# Dependencies
* @emotion/react: ^11.14.0
* @emotion/styled: ^11.14.0
* @mui/icons-material: ^6.3.1
* @chakra-ui/react: ^2.10.4
* @mui/material: ^6.3.1
* @stripe/react-stripe-js: ^3.1.1
* @stripe/stripe-js: ^5.5.0
* @tanstack/react-query: ^5.64.1
* axios: ^1.7.9
* firebase: ^11.1.0
* framer-motion: ^11.18.0
* localforage: ^1.10.0
* match-sorter: ^8.0.0
* react: ^18.3.1
* react-dom: ^18.3.1
* react-hook-form: ^7.54.2
* react-icons: ^5.4.0
* react-responsive-carousel: ^3.2.23
* react-router-dom: ^7.1.1
* react-stars: ^2.2.5
* sort-by: ^1.2.0
* sweetalert2: ^11.15.10
* swiper: ^11.2.1

# Dev Dependencies

* @eslint/js: ^9.15.0
* @types/react: ^18.3.12
* @types/react-dom: ^18.3.1
* @vitejs/plugin-react: ^4.3.4
* autoprefixer: ^10.4.20
* daisyui: ^4.12.14
* eslint: ^9.15.0
* eslint-plugin-react: ^7.37.2
* eslint-plugin-react-hooks: ^5.0.0
* eslint-plugin-react-refresh: ^0.4.14
* globals: ^15.12.0
* postcss: ^8.4.49
* tailwindcss: ^3.4.15
* vite: ^6.0.1

# Guideline to Run Project in Local Machine:

## Installation

Run npm install to install project dependencies.

## Environment setup
Create a .env file and put your environment variable there. Save the following variable:
VITE_apiKey,
VITE_authDomain,
VITE_projectId,
VITE_storageBucket,
VITE_messagingSenderId,
VITE_appId

## Usage
Run `npm run dev` to run the project locally.

# Admin Credentials

Email: [email protected]
Password: NoosRat31$#

# Links:

* Api Link : https://edu-manage-website-server.vercel.app/
* Live Link: https://easy-learn-72ac3.web.app/