daily affirmations-start your day with positivity

Inspiration

We wanted to create a simple yet impactful way to help people start their day with a positive mindset. In a world where social media often overwhelms us first thing in the morning, we felt a minimal, focused platform for daily affirmations could help users build confidence, motivation, and inner calm before diving into their day.

What it does

Our website delivers daily motivational affirmations to help users start their mornings with positivity. Users can open the site, see a clean, distraction-free affirmation paired with a calming illustration, and take a deep breath before beginning their day. They can refresh for a new affirmation and save their favorite affirmations for later.

How we built it

We built the website using Next.js/React for the frontend, Tailwind CSS for clean styling, and integrated a simple backend (Supabase/Firestore) to store and serve affirmations. We used an open API and our custom illustrations to pair visuals with quotes. The UI is minimal, mobile-friendly, and fast, ensuring users can access affirmations without any friction.

Challenges we ran into

We faced challenges in:

• Curating meaningful affirmations that are genuinely uplifting.
• Finding lightweight, aesthetic illustrations that match the quotes while maintaining performance.
• Ensuring the UI remained minimal yet engaging enough for users to return daily.

Accomplishments that we're proud of

We are proud that we created a platform that people can actually use every day to center themselves. We kept the site fast and clean while maintaining a warm, encouraging tone throughout. We also learned to manage a lightweight content pipeline for daily updates without requiring heavy backend maintenance.

What we learned

We learned:

• The power of simplicity in design for daily-use apps.
• How much small moments of positivity can matter to users.
• Technical lessons in building performant, mobile-first React apps with a clear purpose.

What's next for daily affirmations - start your day with positivity

Next, we plan to:

• Add user accounts to save favorite affirmations.
• Enable notification-based morning reminders.
• Add a dark mode for calm nighttime use.
• Allow users to contribute their own affirmations to build a community-driven positivity library.

Built With

• react
• tailwind
• typescript