Skip to content
Winterest · Image feed
Winterest · Image feed

An image-sharing interface with infinite scrolling and dark mode

Team project · 2 weeks · 3 frontend + 2 backend developers

Overview and role

Winterest is a Pinterest-inspired image-sharing project built over two weeks by three frontend and two backend developers. I implemented reusable feed components, pin saving, dark mode, and the frontend deployment to AWS S3.

Infinite scrolling and loading states

A custom infinite-scroll hook and masonry-style grid component serve the main feed, pin detail, and search pages. Color skeletons appear before the images load.

Color skeletons while images load
Color skeletons while images load
Search results
Search results
Main feed interaction
Main feed interaction
Search interaction
Search interaction

Pin details and personal collections

I implemented saving and unsaving pins, together with regular grid components for the personal page. The captures show the detail view, uploaded images, and saved-pin flow.

Pin detail
Pin detail
Profile page
Profile page
Saved pins
Saved pins
Pin detail interaction
Pin detail interaction
Upload preview
Upload preview
My page · Uploaded images
My page · Uploaded images
My page · Saved pins
My page · Saved pins

Theme state and deployment

I connected Redux state to the styled-components ThemeProvider to implement dark mode, and deployed the frontend to AWS S3.

Dark theme · Image feed
Dark theme · Image feed
Dark theme · Pin detail
Dark theme · Pin detail
Dark mode interaction
Dark mode interaction

Tools and technologies

React Hooks · Redux · JavaScript · styled-components · HTML5 · AWS S3

Trello · Slack · Notion · GitHub · Postman