After completing Scrimba’s Frontend Career Path, I was keen to put my new skills into practice by building a solo project. Around the same time, I picked up a new diary for the year and was inspired to create a simple web app to help track my goals digitally - and that’s how I thought of Pinpoint.
What is Pinpoint
Pinpoint is a goal-tracking web app designed to help users stay organised, focused, and motivated. The app lets users create goals, break them down into to-do lists, sort by priority, and track progress with a progress bar — all while choosing from four colour themes.
What I Learned
This project helped me deepen my understanding of React fundamentals like reusable components, state management, and callback functions. I also prioritised accessibility and responsive design to ensure a smooth, inclusive experience across devices (though, I would say there is room for improvement here).
Challenges I Faced
One of the trickiest parts was managing state across multiple components while keeping the code clean and easy to scale. I also had fun figuring out how to implement custom theming options without things getting messy.
Final Thoughts
Building Pinpoint was a fun and rewarding way to put my React skills into practice and tackle some real UI and state management challenges.
You can check out Pinpoint live here: https://louiseka.github.io/pinpoint/
And find the code on GitHub: https://github.com/louiseka/pinpoint
I’d love to hear what you all think, let me know in the comments!
Top comments (2)
@louiseka This looks fantastic, Louise! 🎯 I really love the clean UI and the thoughtful features you’ve built into Pinpoint — especially the priority sorting and progress bar. It's clear you’ve put your React knowledge to great use here, and the theming options are a really nice touch. Awesome job applying what you learned from Scrimba in such a practical and polished way! 👏
UI looks great.