AbogaciaMap

Inspiration

In Argentina, public education is a fundamental right: it’s free, open, and accessible to everyone. This is one of the country’s greatest strengths, but it also comes with a major challenge, most public universities leave students to figure things out on their own.

At the University of Buenos Aires, Law students spend hours in student centers or online groups just to understand the enrollment system, prerequisites, and how to organize their semesters. The biggest pain point is always the same: enrollment season and course planning.

That’s why AbogaciaMap was born: to solve one of the students’ greatest frustrations, being able to register for classes while clearly understanding the curriculum and organizing their academic journey in the smartest way possible.

What it does

AbogaciaMap is an interactive planner that transforms the official curriculum and prerequisites into a visual map. Students can:

• Explore the entire Law degree through a clean, interactive flowchart.
• Track their progress by marking courses as pending, in progress, or completed.
• Input grades to calculate their GPA in real time.
• Use the built-in agenda to organize their academic calendar.

How we built it

The project was developed in React with React Flow to create the interactive map. Data persistence is handled via localStorage, while features like course tracking, orientation paths, and agenda planning are powered by custom hooks. The visual design was optimized with TailwindCSS, aiming for clarity and usability across desktop and mobile.

Challenges we ran into

• Translating the complex correlation rules of the 2004 Law curriculum into a usable structure.
• Designing a UI that is clear for students but still respects the academic regulations.
• Maintaining a consistent experience on both mobile and desktop without breaking core mechanics.
• Learning technical concepts step by step, since the project was created by a law graduate with no formal coding background.

Accomplishments that we're proud of

• Built a fully functional interactive map of the entire Law degree.
• Added new features like the GPA calculator and personal agenda.
• Released an open version used and tested by students, with constructive feedback.
• Proved that a non-developer with motivation and persistence can build a useful edtech tool.

What we learned

• How to structure a large React project and gradually improve technical debt.
• The importance of user feedback to iterate and prioritize features.
• That simplicity and clarity are often more valuable than complex features.
• Building in public creates accountability and community support.
• How to collect and process feedback from around 300 students who tested the app through EmailJS integration.

What's next for AbogaciaMap

• Implement cloud sync so students don’t lose progress across devices.
• Add orientation-specific recommendations and estimated graduation timelines.
• Explore partnerships with student groups and institutions for broader adoption.
• Polish UI/UX for a more intuitive mobile experience.
• Adapt AbogaciaMap to any curriculum, whether from other faculties at the University of Buenos Aires or universities across Argentina and the region.

Built With

• cursorai
• react
• tailwind