This project replicates a Popules.com-style landing page integrated with the official REST API, styled using Tailwind CSS, powered by Vue 3 + Pinia, and includes infinite scrolling with a modern aside menu (Instagram-like).
- Vue 3 + Vite + TypeScript
- Tailwind CSS for responsive UI
- Pinia state management
- REST API integration
GET https://api.popules.com/api/feed?offset&limit - Infinite scroll via Intersection Observer
- Reusable components:
FeedCard.vue– Displays feed itemsSkeletonCard.vue– Skeleton loaderHeroHeader.vue– Hero sectionAsideMenu.vue– Instagram-style sidebar navigation
- Vitest tests (
FeedCard.spec.ts) - Responsive design: works on desktop & mobile