Design & Development Projects

← Back to Projects

PlayNest Toy Website

Hero Image

Overview: PlayNest Toy is a catalog website where users can browse toys by category and view details without leaving the page. I built the frontend using Vue.js and connected it to a custom Laravel API to fetch and display data dynamically. The main focus was creating a clean, responsive design and a smooth user experience.

CONTRIBUTOR(S): Situ Ranjit, Jo Muncaster

MY ROLE: Front-end Developer, Branding

TOOLS USED: GitHub, Figma, HTML5, CSS3, JavaScript, Adobe Photoshop, Adobe Illustrator, SASS

Poster 1
Poster 2

Challenges

One of the main challenges was connecting the frontend to the backend while managing dynamic data updates. Since the application loads content from the API, I needed to make sure that the toys and details updated smoothly without refreshing the page while also handling loading states and potential request errors.

Solutions

To solve this, I connected the frontend to the API using Vue.js and set up dynamic data fetching. I also added loader and basic error handling to make it look like a real website with smooth and responsive across different device.

Project Journey

sketch
design
View Next Project →