▾ detailsabout this project
Shoply is a personal marketplace project I built to sharpen and modernize my frontend engineering skills after spending the last two years primarily focused on Vue.js and Nuxt.js in professional environments.
Rather than creating a simple portfolio project, I intentionally chose to build a marketplace platform because it naturally contains more complex and realistic frontend challenges — such as product listing, filtering, state synchronization, cart management, asynchronous API handling, dynamic routing, and scalable component architecture. I wanted a project that could genuinely simulate production-level frontend development while giving me room to experiment with newer technologies and best practices in the React ecosystem.
The project was developed using Next.js, TypeScript, Tailwind CSS, Zustand, and TanStack Query, with a strong focus on improving state management, caching strategies, and frontend performance. I explored how to balance global state and server state efficiently while maintaining clean and reusable code structures across multiple pages and features.
For the UI/UX process, I used AI-generated design concepts as visual references, then translated and implemented the entire interface manually into responsive and fully functional frontend components. This project also became a way for me to continuously practice adaptability, self-learning, and staying up to date with modern frontend development trends outside of my day-to-day professional work.
