DEV Community

Cover image for EchoDay: Capture and reflect on your day
Paras πŸ§™β€β™‚οΈ
Paras πŸ§™β€β™‚οΈ

Posted on β€’ Edited on

5 2 3 3 3

EchoDay: Capture and reflect on your day

This is a submission for the KendoReact Free Components Challenge.

What I Built

EchoDay is a web app centered around daily reflection, where each day feels like an echo. Whatever you add - notes, memories, or thoughts - comes back to you later, helping you revisit and reflect on moments that matter.

Features
It features a set of handy widgets - one place to store them all.

  • A Calendar to plan your schedule
  • Notes for jotting down ideas
  • An About My Day section to reflect on your day
  • Todos list to stay on top of tasks
  • Reminders, so you never miss anything
  • Memories, where you store cherished images

Oh, it also has a little mood tracker with some fun emojis and moods to choose from :)

Right now, it’s a prototype, but if people love it, I’m planning to add a fully functional backend to make it even more dynamic. It’s a simple idea, but one I think can make life a lot more organized and meaningful!

Do share your review in the app. I have included a user review section at the bottom.

Demo

Demo Link: EchoDay
Github Repo: EchoDay Repo

Image

Image

Image

Image

Image

Components Used

Here is a list for reference for the components used in the project

  1. Grid
  2. Icons & Loader
  3. Input & TextArea
  4. StackLayout
  5. Typography
  6. Card
  7. AppBar
  8. Avatar
  9. Rating
  10. Button and more.

Thanks to My Teammate

A heartfelt thanks to Muskan for beautifully designing the web app and making the most of the KendoReact Figma UI Kit. Your creativity and attention to detail truly shine through!

KendoReact Experience

KendoReact is a fun UI library to work with. It provided a wide range of pre-built, customizable components that made the development process smooth and efficient. Features like layout components, grid, icons, typography and popups saved a ton of time and allowed me to focus more on functionality and user experience.

One of the standout features was the ability to install only the necessary packages. This not only kept the project lightweight but also made managing dependencies much easier.

However, I found the documentation could use improvement. While it covers the basics well, certain advanced features lacked detailed explanations, and some examples were too generic to be practically helpful.


In conclusion, building this app was a rewarding experience. Using KendoReact was a delight in this project. Even the free version provided enough components out of the box. Overall, it was a valuable journey, thanks to KendoReact and Dev.to team for hosting this fun challenge.

Top comments (4)

Collapse
 
zinox9 profile image
Arjun Porwal β€’

Nicely Done! The UI feels clean and the use case really showed the best parts of KendoReact.

Collapse
 
paras594 profile image
Paras πŸ§™β€β™‚οΈ β€’

Thank you so much!! πŸ™Œ

Collapse
 
srishti_agarwal_b7bfcaaf9 profile image
Srishti Agarwal β€’

User friendly and very helpful in journaling day-to-day activities. I like it. :)

Collapse
 
paras594 profile image
Paras πŸ§™β€β™‚οΈ β€’ β€’ Edited

Thank you for the feedback!

πŸ‘‹ Kindness is contagious

If this post resonated with you, feel free to hit ❀️ or leave a quick comment to share your thoughts!

Okay