This is a project that focus on the development of the instagram home page UI design.
The solution was implemented using Next.js project
bootstrapped with
create-next-app
.
The application also uses the antd and
tailwindcss framework for styling.
The following features/interaction i implemented in this design.
- Added tooltip for all the Icon buttons,
- Implemented a show more feature that shows only a limited amount of characters,
- A like feature that increments the number of likes,
- A responsive design for mobile, tablet and desktop,
- I also made the number of carousel items responsive with the screen size.