Frontend Technical Task
You need to create a user-friendly and intuitive student website interface that interacts with the backend API to perform CRUD operations on student records. The website should be designed to cater to administrators initially, with appropriate functionality and views for this role.
Administrator View:
• As an administrator, you should have access to full CRUD functionality for managing student records.
• Design a clean and organized dashboard interface where administrators can:
• Create new student records with all relevant information fields.
• View a list of all students with options to edit or delete each record.
• Clicking on a student's entry should display their details in an editable form for updating.
• Ensure that administrators have access to all fields when creating or editing student records.
You need to create a user-friendly and intuitive student API that interacts with the frontend to perform CRUD operations on student records. The API should be designed to cater to administrators initially, with appropriate functionality and views for this role.
Administrator View:
For the backend, you'll need to develop an API that handles the CRUD (Create, Read, Update, Delete) operations for managing students. Here's an outline of what the backend needs to provide:
• Create Student: Endpoint to create a new student record.
• List Students: Endpoint to retrieve a list of all students.
• Read Student: Endpoint to retrieve details of a specific student by their ID.
• Update Student: Endpoint to update the details of an existing student.
• Delete Student: Endpoint to delete a student record.
Each of these endpoints should be RESTful and accept appropriate HTTP methods (POST, GET, PUT/PATCH, DELETE) and respond with JSON data.
The app was built using React on the front end and Node.js and Express.js for the backend. Deployment is via Heroku using a Dyno server to host the Express backend.
View the deployed app at: https://student-fullstack-database-80eca1a4984e.herokuapp.com
Clone repo
cd into /studentservices and run npm i
cd into /express and run npm i
in a terminal, cd into /express and run the command node app to run the express server
in a separate terminal, cd into /studentservices and run the command npm start
enjoy playing with the crud functionalities