EduTrack

• 

  Reports

• 

  Events

Inspiration

EduTrack was inspired by my parent's desire to be more involved in their child's education.

What it does

The app allows teachers to record student behavior, attendance, and school events. Parents can view this information to stay informed about their child's progress.

How I built it

I built EduTrack using the the MERN stack. I also use d3.js for the charts and axios for the api requests.

Tutorials that I adapted and learned from during this project: https://www.youtube.com/watch?v=iMEPL2YZuqY, https://www.youtube.com/watch?v=hOzKr8H_438, https://www.youtube.com/watch?v=-42K44A1oMA.

Challenges I ran into

Handling asynchronous API calls was complex. I addressed this through error handling, loading states, and performance optimizations.

Accomplishments that I am proud of

A key achievement was integrating the frontend and backend systems using APIs, resulting in a functional application that effectively connects teachers and parents. I am particularly proud of successfully incorporating d3.js into the project. While lacking prior knowledge, I was able to adapt existing tutorials, modify key components, and tailor the visualization to align with the project's specific requirements.

What I learned

I learned strong knowledge of react and its hooks. I also understood the basics of databases and express.

What's next for EduTrack

I will focus on enhancing user experience and communication. Key features include implementing real-time chat functionalities using web sockets to facilitate immediate interactions between teachers and parents.

Built With

• axios
• expres
• mongodb
• node.js
• react