Educational Web App Full-Stack Development

I’m setting up a browser-based platform focused on learning. The application’s core purpose is Educational, and it must seamlessly support four distinct user roles: Student, Teacher, Administrator, and Parents.

For students the first release has to cover course enrollment, progress tracking, assignment submission, attendance monitoring, and an online mock-test area. Teachers should be able to create and manage courses, publish assignments, record attendance, grade work, and review test results. Administrators will handle user management, role permissions, and overall site configuration, while parents need a read-only dashboard that mirrors their child’s progress, attendance, and upcoming deadlines.

I’d like a clean, component-based front end (React, Vue, or similar) backed by a robust REST or GraphQL API and a relational database. The codebase must be well-structured, fully documented, and pushed to a private Git repository with meaningful commits. Please cover user authentication, role-based access control, responsive design, and basic unit tests on both client and server.

Deliverables:
• Database schema and migration scripts
• Fully functional front-end and back-end source code
• API documentation (Swagger or similar)
• Setup instructions and deployment script (Docker or comparable)
• Brief test plan with sample test cases

Acceptance criteria:
1. A new student can self-register, enroll in a course, submit an assignment, and see real-time progress updates.
2. A teacher can mark attendance, create a mock test, and view aggregated scores.
3. An administrator can add or deactivate any user without breaking existing sessions.
4. A parent linked to a student account can log in and view the child’s dashboard but cannot perform student actions.

If you’ve built similar systems before, link to a live demo or public repo in your proposal and outline the tech stack you’d prefer so we can lock it in quickly. Show More