Echo Journal

Inspiration

We all know journaling is good for mental health and mindfulness, but actually sticking with it is tough. Most of us have sat down with a blank notebook and thought, “What should I even write?” On top of that, paper journaling makes it hard to see long-term patterns or growth since each entry just reflects the mood of that moment. We wanted to build something that makes journaling easier, more fun, and more personal, so reflecting every day feels less like a chore and more like a habit.

What it does

Echo Journal is a journaling app that adapts to your lifestyle and mood. You can: Answer daily prompts, free-write, or respond with quick one-liners. Express yourself with emojis or even voice-to-text on days when typing feels like too much. Get smart reminders based on how often you want to journal. Explore past entries by date, mood, or writing style. See your growth over time with features like a “Week in Emojis,” “Word of the Week,” and a time capsule that shows how your perspective has changed. It’s not just about writing — it’s about noticing patterns and growing with your past self.

How we built it

We built the frontend using Next.js (React + TypeScript) with Tailwind CSS and Radix UI for styling and components. For the backend, we used Node.js with Express.js and connected it to a MongoDB database using Mongoose. The frontend is deployed on Vercel, the backend on Railway, and the database on MongoDB Atlas. We also added libraries like Recharts for data visualization and React Hook Form + Zod for form handling and validation.

Challenges we ran into

Time pressure: We had way more ideas than we could finish in 36 hours, so we had to decide what to fully implement and what to mock up. Data visualization: Figuring out what “growth” actually looks like on a chart was harder than we thought. We ended up mocking some graphs but learned a lot in the process. Consistency: Making sure the app worked across devices and looked clean in both light and dark mode took a lot of tweaking.

Accomplishments that we're proud of

Built a functional journaling flow that supports multiple input types (free form, prompts, emojis). Created a clean, modern UI with theme toggling and mobile responsiveness. Set up a working backend and database to store and display entries. Designed a time capsule feature we’re really excited about — being able to reflect on your old self is powerful. Learned how to collaborate effectively and balance creativity with practical deadlines.

What we learned

How to integrate a full-stack app with separate frontend and backend deployments. That TypeScript with React really helps catch errors early and makes development smoother. How to design for different types of users — some like to write paragraphs, others just want to drop an emoji. That building analytics (like mood tracking) requires not just technical work but also design thinking about what’s meaningful to show.

What's next for Echo Journal

Expanding growth analytics with richer visualizations and natural language processing. Polishing the mobile experience and maybe even launching it as a mobile-first app.

Built With

• and
• express.js
• mongodb
• next.js
• node.js
• radix-ui
• railway
• tailwind
• typescript
• vercel