/academic-grade-system

administrative system for teachers, where there will be a control of grades by assigned groups.

Primary LanguageJavaScriptMIT LicenseMIT

Academic Grades

This is an application where you can find teachers, groups and students, you can track students signatures and notes and see the final grade. Click in the link below and checkout this amazing system.

➡️Academic Grades ⬅️

🧑‍🎓 Language and tools

HTML5 JavaScript Webpack Babel SASS

MongoDB NodeJS

🧑‍🎓 Analysis

Check the flow diagrams in the images below:

er

fg2 fig1

Problem: Create an application from scratch for tracking student´s notes

Problem Analysis:

  • Create a dashboard to see the teachers

  • Create a dashboard to see the students, grades, groups and notes

  • Update notes.

  • Get the total of the notes

  • Update automatically the total when the user change the notes.

  • Data:

  • Teachers

  • Groups

  • Notes

  • Grades

  • Total grades

🧑‍🎓 Design and inspiration

You can check out the figma design in the link below: Figma design

home

dashboard

🧑‍🎓 Key Features and endpoints

  • List of teachers
  • List of groups per teacher
  • List of students with notes

Our API was deployed in heroku, below you will find the used endpoints

https://academic-grade-api.herokuapp.com/group

https://academic-grade-api.herokuapp.com/teachers

https://academic-grade-api.herokuapp.com/student/

🧑‍🎓 How to use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/AbejaCruz/academic-grade-system

# Go into the repository
$ cd academic-grade-system

# Install dependencies
$ npm install

# Run the app
$ npm start

🧑‍🎓 Credits

Ithzamary Vilchis García - Frontend developer Diego A. Cruz Triana - Backend developer

🧑‍🎓 License

MIT