Skip to content
Submitted about 19 hours ago

Browser UI Extension with Vue, Typescript frontend, NodeJS backend

vue, typescript, node, axios, vite
LVL 3
@Odiesta
A solution to the Browser extension manager UI challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm really happy that I managed to build this as a full-stack project. It’s my first time connecting a Vue 3 + TypeScript frontend to a Node.js and Express backend. Seeing the data flow from my own API to the UI was a big 'aha!' moment for me.

What challenges did you encounter, and how did you overcome them?

Setting up the dark theme with Tailwind took longer than I expected. I also struggled quite a bit with TypeScript errors and figuring out how to structure the Pinia store correctly. I spent a lot of time reading the docs and debugging, but it helped me understand how to handle types better.

What specific areas of your project would you like help with?

Right now, the data is just stored in a simple JSON file on the server. I really want to learn how to connect this to a real database like PostgreSQL so the data is more secure and persistent. If anyone has tips on using an ORM for the first time, I’d love to hear them!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Odiesta Shandikarona’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord