Edvora

Your personal academic assistant — never miss a deadline again!

Comment

Inspiration

As students juggling classes, deadlines, exams, and extracurriculars, we often found ourselves missing important dates simply because there was no centralized place to track them. We wanted to build a minimal yet powerful reminders system to help students like us stay on top of their academic tasks — all in one place. The goal? To reduce stress, improve time management, and build a productivity habit.

What it does

Our Reminders feature allows users to:

  • ✅ Add, edit, and delete reminders for tasks or deadlines
  • 📅 View an overview of their upcoming tasks
  • 🔔 Mark tasks as complete
  • 🧠 Easily visualize and manage their academic schedule
  • 💻 Store reminders in context with the rest of the Edvora learning dashboard
  • The system adapts based on user interaction: for example, showing a motivational empty state if there are no reminders set.

How we built it

We built the Reminders section using:

  • Frontend: React + Tailwind CSS for a responsive and modern UI
  • State Management: React Context API to manage reminders globally
  • Component Structure: Modular design with components like ReminderList, ReminderOverview, and AddReminderModal
  • Data Handling: Handled CRUD operations for reminders directly in state with placeholder logic (can be extended to backend in the future)
  • We followed a clean UI/UX approach to ensure clarity, especially for first-time users or non-technical students.

Challenges we ran into

  • 🔄 Managing reminder state globally across components
  • 🎯 Creating a smooth editing and modal flow without causing bugs in form state
  • 🔍 Designing the interface to be intuitive yet not too minimal, especially for users who may not be tech-savvy
  • ❌ Handling empty state logic and feedback messages effectively

Accomplishments that we're proud of

Built a fully functional reminder system from scratch using clean component structure Made the interface highly responsive and accessible Integrated seamless add/edit/delete functionality with visual feedback Created a motivational user experience even when no reminders exist Maintained code quality and scalability with React best practices

What we learned

  • 🧠 Deepened our understanding of React Context API for managing shared state
  • 📐 Learned how to balance simplicity and functionality in UI design
  • 🛠️ Improved our modular React component design skills
  • 🧪 Understood the importance of feedback states (like modals, confirmations, and empty screens) in UX

What's next for Edvora

Here’s how we plan to take it further:

  • 🌐 Connect reminders with calendar integrations (Google Calendar, Outlook)
  • 🔔 Add push notifications and email reminders
  • 📊 Smart analytics: Show reminder completion rates to motivate users
  • 🎯 Add categories, priorities, and tags for better organization
  • 🤖 Use AI to suggest reminders based on coursework or deadlines

Built With

  • react.js
  • reactcontextapi
  • tailwindcss
Share this project:

Updates