This is a student management application called Students List. It allows you to add, delete, sort, and filter students. The application provides a user-friendly interface for managing student data and displays it in a table format. This project was also used to practice JavaScript event loop, promises, and asynchronous operations in real-world scenarios.
⚠️ Warning: Without running the backend server, manipulations on the page such as adding/deleting a student, as well as sorting and filtering the students table, are not possible.
- Modular code structure (separated API and UI logic)
- Asynchronous data loading and updating with
fetchandasync/await - Global Bootstrap spinner for loading indication
- User-friendly error alerts (Bootstrap alert)
- Sorting and filtering students in real time
- Clone the repository:
git clone https://git@github.com:kate8382/students_list.git
- Navigate to the project directory:
cd students_list - Install dependencies:
npm install
- Navigate to the
backenddirectory:cd backend - Install the dependencies:
npm install
- Start the server using npm:
Alternatively, you can start the server using Node.js directly:
npm start
node index.js
- Start the backend server according to the instructions above.
- Open the
docs/index.htmlfile in your browser. - Use the form to add new students.
- Sort and filter the list of students by various criteria.
- Delete students from the table.
Here are some screenshots of the application:
If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature-branch
- Make your changes and commit them:
git commit -m "Add new feature" - Push to the branch:
git push origin feature-branch
- Create a new Pull Request.
This project is licensed under the MIT License. See the LICENSE file for more details.