Skip to content

AsifAnjum/nextgen-academy

Repository files navigation

Live Link: NextGen Academy

NextGen Academy

NextGen Academy is a modern education platform designed to facilitate seamless learning experiences. It provides features for students to view course videos, submit assignments and quizzes, and track their progress on a leaderboard. Admins can create and manage content, evaluate student submissions, and assign marks efficiently.


Features

For Students

  • 📚 Access Course Videos: Stream educational videos uploaded by the admin.
  • Submit Assignments and Quizzes: Complete assignments and quizzes online directly through the platform.
  • 🏆 Leaderboard: Track progress and performance on the leaderboard to motivate learning.

For Admins

  • ✍️ Create Content: Easily add course videos, assignments, and quizzes.
  • ✏️ Update Content: Modify existing course videos, assignments, and quizzes to keep the content up-to-date.
  • 🗑️ Delete Content: Remove videos, assignments, and quizzes when they are no longer relevant.
  • 📊 Evaluate Assignments: Review student submissions and assign marks based on performance.
  • 📈 Manage Leaderboard: Automatically update rankings based on student marks.

General Features

  • 🔒 Authentication System: Secure login and access using json-server-auth.
  • Fast and Lightweight: Built with modern technologies like React, Redux Toolkit, and React Router DOM for optimal performance.

Credentials for Login

Admin

  • Username: admin@nextgen.com
  • Password: 123456

Student

  • ID: a@gmail.com
  • Password: 123456

You can use these credentials to log in to the platform, where the admin will have access to all management features, and students will be able to view content and submit their assignments.


Dependencies

The following dependencies are required to run the project:

"dependencies": {
  "@reduxjs/toolkit": "^1.9.3",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.0.5",
  "react-router-dom": "^6.9.0"
}

In addition to the above dependencies, the project uses:

  • json-server for backend JSON database management.
  • json-server-auth for authentication and user management.

Initial UI Design


Contact

For questions or feedback, please contact: