Inspiration
In an age of digital burnout, we wanted to encourage users to reconnect with enjoying learning by slowing down and reflecting on something they learned each day.
What it does
This core functionality of this web app is to allow users to write their daily reflection, save it, and view all of their reflections. There is a tagging feature that allows users to organize their notes, and quickly view them.
How we built it
We first drafted a rough idea of what the main features should be and some additional stretch features. Afterwards we came up with a draft of the UI, so that we could start on scaffolding the pages. At the same time, we started designing the database and working on the API. We used NextJS to help speed up the development, Supabase for the database, and tailwind for styling.
Challenges we ran into
We ran into a lot of challenges with understanding how user authentication works and how to implement it. We also struggled a bit with the styling.
Accomplishments that we're proud of
Sritha - I'm really proud at what I've been able to learn with this project. I have not coded this extensively in the front end before, and it was really exciting to see my work come together. I'm really excited to show this to others today!
Cali - I'm really proud that we were able to complete an initial prototype. We all had midterms this week, so getting together was a bit difficult.
Evelyn - I love how delightful and friendly the UI is!
What we learned
Cali - I learned how to use a new database, so that was super fun! It was also a little frustrating when things didn't work the way I thought particularly with the cookies.
What's next for our app
We'd like to finish our vision and implement the Fun Facts API, so that if a user did not learn anything new that day, the site will give them something to explore and write about.
Built With
- framer
- next.js
- supabase
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.