SnapStudy

Front-end

Inspiration

Our team wanted to create a simple yet powerful tool to help people improve their learning habits. The idea of using flashcards combined with SMS reminders came from our desire to keep users engaged in their studies, even when they’re away from their devices. We saw an opportunity to make learning more accessible and effective through regular, timely practice.

What it does

SnapStudy allows users to create flashcards and set SMS reminders to review them at custom intervals. This way, users can receive timely reminders to practice and retain what they’ve learned. The app helps users stay consistent with their study routine, making learning more manageable and engaging.

How we built it

We built SnapStudy using React for the front-end development and Material UI for the design. We created a flashcard system where users can input questions and answers, and added the functionality for users to schedule SMS reminders to review their flashcards. Form management and state handling in React allowed us to capture and store user data while providing feedback via Snackbar notifications.

Challenges we ran into

We faced challenges in learning React’s state management, particularly when handling form submissions and ensuring data was stored and displayed properly. Designing a clean and consistent user interface with Material UI also required several iterations to get it right. Ensuring the SMS feature was easy to use and the entire process was smooth for the user was another challenge we had to overcome.

Accomplishments that we're proud of

We’re proud of developing a fully functional app that integrates flashcard creation with SMS reminders. This project helped us grow as a team and allowed us to successfully combine various technologies to build something impactful. The clean, user-friendly interface and the practical features we implemented are accomplishments we are excited about.

What we learned

Throughout the development of SnapStudy, we learned how to use React and Material UI effectively. We improved our understanding of state management, component structure, and user feedback mechanisms like Snackbar. As a team, we also learned how to plan and execute a project efficiently, balancing design and functionality.

What's next for SnapStudy

Our next step is to integrate backend features, such as user authentication and database storage for flashcards. We also plan to add more features like sharing flashcards, advanced reminder settings, and personalized study insights. We aim to continue improving SnapStudy to make it even more useful and engaging for users.