-
single page application
Inspiration
Inspired by the relentless dedication and multitasking skills of mothers, we created this app to provide them with the support they deserve. We saw how busy schedules and endless responsibilities often leave little room for self-care or seamless planning. Our goal was to design a tool that not only helps moms organize their lives but also brings simplicity, balance, and inspiration to their day-to-day routines.
What it does
This app is designed to help busy mothers plan their day, organize events, and simplify their lives. It offers personalized assistance, location-based suggestions, and self-care tips, all while maintaining a user-friendly and visually appealing interface. Whether it's finding nearby parks, planning a peaceful day, or managing a hectic schedule, this app provides tailored guidance to make life more manageable and enjoyable.
How we built it
We built this app using Flask, a lightweight Python web framework, for the backend to handle user requests, manage sessions, and integrate APIs. The design leverages HTML, SCSS, and JavaScript to create a visually appealing and responsive interface. We used the OpenAI GPT-4 API for generating personalized responses and planning assistance, while the HERE Places API fetches location-based suggestions like nearby parks or cafes. The app dynamically compiles SCSS for styling, and Markdown is used to format responses for clear presentation. Environmental variables are securely managed using dotenv to protect API keys and sensitive data. This combination of technologies ensures a smooth, intuitive experience for users.
Challenges we ran into
During development, we faced a few notable challenges:
Integrating Location-Based Features: Setting up the HERE Places API and correctly handling user latitude and longitude required careful validation and error handling to avoid invalid or incomplete data causing crashes.
API Error Handling: Working with the OpenAI GPT-4 API, we encountered issues like rate limits and network errors. Implementing robust error handling and user-friendly notifications was crucial to ensure the app's reliability.
Dynamic SCSS Compilation: Managing dynamic SCSS with Flask introduced some complexity, particularly in ensuring styles were compiled correctly without impacting performance in a production environment.
Response Formatting: Using Markdown to format GPT-4 responses for display in the app required tweaking both backend processing and frontend rendering to handle dynamic, styled content safely.
Ensuring User-Friendliness: Striking a balance between functionality and a simple, intuitive interface was an ongoing process, especially when incorporating location-based suggestions and pre-defined queries.
Each challenge pushed us to improve the app's robustness, making it more reliable and user-centric!
Accomplishments that we're proud of
Here are some accomplishments we can be proud of from this project:
Seamless API Integration: Successfully integrated the OpenAI GPT-4 API and HERE Places API, enabling personalized recommendations and location-based suggestions tailored to the user's needs.
Dynamic User Experience: Built a user-friendly interface with visually appealing SCSS styling and responsive design, ensuring accessibility and ease of use on various devices.
Robust Error Handling: Implemented comprehensive error handling for API calls, user input validation, and network issues, enhancing the app's reliability and user experience.
Markdown Formatting: Leveraged Markdown for generating and rendering well-structured, styled content in GPT-4 responses, improving clarity and usability.
Geolocation Features: Developed a geolocation feature to dynamically fetch the user's coordinates and provide location-based suggestions, showcasing advanced functionality.
Modular and Maintainable Code: Structured the codebase to be modular and maintainable, making it easier to add new features or scale the app in the future.
Empowering Moms: Created a tool that simplifies the lives of mothers by combining innovative technology and thoughtful design to address real-life challenges effectively.
This project showcases technical achievements and demonstrates our ability to deliver a meaningful, user-focused application!
What we learned
Here are some things I wasable to learn from this project:
Flask Framework: Gained hands-on experience building a web application using Flask, including routing, handling POST/GET requests, managing sessions, and rendering templates.
API Integration: Learned how to integrate external APIs like OpenAI GPT-4 and HERE Places, handling authentication, and parsing responses to incorporate external data into the app.
Error Handling: Developed skills in implementing robust error handling for network requests, user inputs, and API interactions, ensuring the app is reliable and user-friendly.
Dynamic SCSS: Explored compiling and integrating SCSS into the app for modern, responsive, and visually appealing styling.
Markdown Formatting: Learned to process and display Markdown content dynamically, enhancing the presentation of GPT-4-generated responses.
Geolocation Features: Understood how to fetch and use geolocation data (latitude and longitude) from the browser and incorporate it into location-based API queries.
Data Validation: Improved skills in validating user inputs, such as ensuring proper latitude and longitude formats, preventing runtime errors, and enhancing data accuracy.
Frontend Development: Gained experience with HTML, CSS/SCSS, and JavaScript, creating a polished and responsive interface for better user engagement.
Managing Environment Variables: Learned to securely manage sensitive data, like API keys, using dotenv, ensuring secure and professional application development.
Project Workflow: Practiced a structured development workflow, solving challenges step by step, debugging, and refining features to create a functional and meaningful app.
What's next for HerDay
Next, we can focus on expanding the app's features and improving the user experience. Here's what's on the horizon:
Mobile Optimization: Enhance the app's responsiveness for seamless use on mobile devices, where busy moms are likely to access it.
Feature Expansion: Add more functionality, like personalized reminders, calendar integration, or collaborative planning for family events.
User Accounts: Implement user authentication, allowing moms to save their preferences, access past queries, and manage their profiles.
Data Analytics: Introduce analytics to provide insights into activity trends and suggestions tailored to individual users over time.
Deployment: Host the app on a platform like Heroku or AWS for public use, ensuring reliability and scalability.
Feedback Mechanism: Add a feedback feature to gather user input and continuously refine the app based on real-world usage.
These steps will help the app grow into a comprehensive and indispensable tool for moms!
BEGINNER TRACK
Log in or sign up for Devpost to join the conversation.