The Kindergarten Evaluation Project is a recurring theme in my work. Its goal is to provide a tool for assessing kindergarten children and generating a document that reflects their competencies.
In this post, we present a full-stack solution deployed on a VPS. The frontend is built with Next.js, the backend is powered by Django, and MariaDB (MySQL) is used as the database.
Functional Overview
This project aims to create a platform similar to the one used by French professors for evaluating the developmental level of kindergarten students. The purpose of these evaluations is to identify students who may need additional support in early education.
The platform is designed to assist teachers in assessing key competencies, including:
- Language comprehension and vocabulary
- Basic mathematical understanding
- Logical thinking and problem-solving skills
The system will allow teachers to enter students’ results into a user-friendly interface, compare them with thresholds, and generate reports that highlight areas where additional support is needed.
Key technologies used in this project:
- Frontend: HTML, CSS, and JavaScript for creating a responsive and interactive user interface.
- Backend: Python with Django to handle server-side logic and data management.
- Database: MySQL to store evaluation results, student data, and other information.
- API Documentation: Swagger for API documentation, allowing seamless integration with other tools or systems.
Technical Overview
The Kindergarten Evaluation Project is a platform built to assist teachers in assessing the developmental progress of kindergarten students. It leverages modern web technologies to provide a smooth experience for data entry and result visualization.
Frontend Technologies
The frontend uses HTML, CSS, JavaScript, and possibly modern frameworks like React or Vue.js to offer an interactive and user-friendly interface. The data entry screens will allow teachers to input evaluation results, and a dedicated module will visualize the children’s performance using radar diagrams to highlight various competencies.
A demo version of the project can be found on GitHub page This is a demonstration of the frontend, compiled and exported as a static file. It uses fake data and the export is deployed on github page. This frontend interfaces a moking api and not Django : there is no interface to MySQL , and axios or jwt are moked. Keep in mind by using this link, that it is not using the database and may look incoherent.
Backend Technologies
The backend is developed using Django, a powerful Python-based framework that provides robust support for building RESTful APIs. The backend handles user authentication, student data management, and processing of evaluation results. Teachers can access different API endpoints to input and retrieve data.
The REST API enables easy integration with other educational tools, and it supports both data entry and result retrieval.
- Static REST API specification can be found here.
Database
MySQL is used as the primary database to store student information, evaluation results, and user data. The database is structured to efficiently handle large sets of student data and provides reliable storage for the evaluation results, which can be compared over time.
Radar Diagram Visualization
For visualizing the evaluation results, radar diagrams will be generated on the frontend using JavaScript libraries like Chart.js or D3.js. These diagrams will provide a clear, graphical representation of each student’s performance across various competencies (e.g., language comprehension, math skills, and problem-solving abilities).
The radar diagrams allow teachers and parents to quickly identify areas where students may need additional support.
Leave a Reply