Inspiration
I was inspired to create SaveItForLater because I struggled to keep track of all the movies, series, and books I wanted to remember or explore. Existing apps were either too restrictive or didn't allow for multiple types of collections and custom categories. I wanted a solution that could adapt to any collection I needed, help me discover content more easily, and sync my library across devices using my Google account.
What it does
SaveItForLater is a web application that lets users store and organize movies, series, books, and any other custom categories. Users can:
- Add and customize categories
- Insert new items with titles, images, and summaries fetched automatically from public APIs (like OMDB and Google Books)
- Rate each item with stars
- Use search and filter tools to quickly find what they need
- Sign in with Google to keep their collection safe and available from any device
- Switch between light and dark mode
- Export or import their entire collection to ensure data portability
- Sync their data to the cloud for real-time backup
How we built it
We built SaveItForLater using JavaScript and Flexbox for a responsive frontend interface. Integration with public APIs such as OMDB and Google Books allows the app to fetch metadata, images, and summaries automatically. Google OAuth handles authentication and ensures secure cloud synchronization of user data. We focused on modular design principles so new features or categories can easily be added. Key features like search, filtering, export/import, and dark mode were developed to enhance usability and accessibility.
Challenges we ran into
- API Limitations: Some APIs had rate limits or inconsistent data, requiring us to implement efficient caching and error handling.
- Authentication Complexity: Integrating Google authentication and managing secure sessions presented a learning curve, especially for synchronizing with cloud storage.
- Responsive Design: Perfecting the Flexbox layout to look good and function well on all devices took significant tweaking.
- Data Consistency: Maintaining up-to-date data across cloud and local storage was difficult, particularly with concurrent changes and import/export actions.
Accomplishments that we're proud of
- Successfully integrated multiple APIs to enrich item data automatically
- Built a fully responsive and attractive user interface using modern web technologies
- Enabled secure Google authentication and real-time cloud synchronization
- Developed advanced filtering, searching, and export/import tools to make user collections truly portable and flexible
- Delivered accessibility options like dark mode for better user experience
What we learned
Building SaveItForLater helped us develop stronger skills in:
- API integration and handling external data
- User authentication and data security
- Responsive web design using Flexbox
- Managing state and synchronizing data between the cloud and local device
- Prioritizing user experience with robust features and intuitive navigation
What's next for SaveItForLater
- Support for more content types, such as music or games
- Mobile app versions for offline access
- Collaborative features so friends or families can share collections
- More export formats and customizable collection views
- Smart recommendations based on users’ collections and ratings
Log in or sign up for Devpost to join the conversation.