Reely!

Web Dev
Frontend
Reely!

Tech Stack

React
Next.js
Typescript
Tailwind CSS

Description

Reely! is a client-side project inspired by Instagram Reels, developed during a coding interview to demonstrate smooth UI interactions and responsive design. The interface provides a scrollable vertical video feed that mimics the Reels experience.

Though the project was part of an interview process, it was built with clean architecture, performance in mind, and a focus on smooth transitions and full-device responsiveness.

  • Designed and built a Reels-style video feed with smooth vertical scrolling transitions.
  • Implemented responsive UI that adapts seamlessly to different device sizes and orientations.
  • Focused on immersive user experience with auto-playing and snapping scroll behavior.
  • Built using React, Next.js, TypeScript, and Tailwind CSS for speed and consistency.

Page Info

Reel Viewer

An Instagram Reels-style video feed with smooth vertical scrolling, auto-play, and responsive layout optimized for both desktop and mobile.

/experience/reely/reel-1.png