Website Name: Krafti - Summer Camp Learning School. Live Site URL of this [Project] (https://krafti-summer-camp-school.web.app).

• Primary Tools/Technologies used for developing this app:

  • Front-end Packages:
    • stripe/react-stripe-js
    • stripe/stripe-js
    • tanstack/react-query
    • aos
    • axios
    • firebase
    • localforage
    • match-sorter
    • react
    • react-dom
    • react-helmet-async
    • react-hook-form
    • react-icons
    • react-responsive-carousel
    • react-router-dom
    • sort-by
    • sweetalert2
    • We have used 'Vite' to develop this app in local development purpose.
    • Front-end Deploy: Firebase.
    • Back-end Deploy: Vercel.
  • Back-end Packages:
    • cors
    • dotenv
    • express
    • jsonwebtoken
    • mongodb
    • stripe

• Activities:

  • This app has 13 Main Pages/Routes:

    • Main Layout
      • Home
      • All Instructors
      • All Classes
    • Dashboard Layout
      • Admin Dashboard
        • Manage Users
        • Manage Classes
      • Instructor Dashboard
        • Add a Class
        • My Classes
      • Student Dashboard
        • My Selected Classes
        • My Enrolled Classes
        • My Payment History
    • Log In Page
    • Registration Page

  • After entering into Home Route, user can view a Slide Banner above an 'About' section, a 'Popular Classes by Enrolled Student' section with with at least 6 Cards and a 'Popular Instructor' section.

  • In All Instructor page, any visitor can view all instructors.

  • In All Classes page, any visitor can view all approved classes which are approved by the admin.

  • Anyone can log-in their own role-wise dashboard and can do works assigned for them.

  • An Admin can manage all users and classes, an instructor can create a class and can watch his created classes, other users can select and enroll in those classes.