prajjwalpathak / Course-Admin

React Application for Course Administrator of a University

Course-Admin

A simple Next.js application for an Admin in a University to manually choose courses for students.

Getting Started

• Install Node.js in your system.
• Clone the Course-Admin repository.
• Change the directory to the cloned repository in your terminal and follow the steps below,

Course-Admin $

First, run the Json-server:

$ cd server-api

server-api $ npm install

server-api $ npm start

To run the Course-Admin App:

$ cd course-admin

course-admin $ npm install

course-admin $ npm run dev

Your App is up and running on localhost:3000

Open http://localhost:3000 with your browser to see the Course-Admin App.

Open http://localhost:3001/students with your browser to see the database.

If you want to edit the database manually then directly edit the db.json file in the server-api directory.

---

Technical Stack

This is a Next.js project.

• Next.js
• React.js
• Node.js
• Json-Server
• Axios

Features

1. Return the list of students, optionally with pagination
2. Display the list of students
3. Upon click on the list item, display the selected courses for that specific student
4. Also, add the option to choose some courses for that student

Additional Features

• Application is responsive on mobile devices too
• Unit tests to your code
• Add Dockerfile and Docker Compose
• Authentication for the APIs

Screenshots

Commits