Animated Portfolio Landing Page with HTML & CSS
A fully responsive personal portfolio with smooth CSS animations, hover effects and accessible semantic HTML — the first project every Learn Refill student ships.
A fast, search-engine-friendly job board built with Next.js App Router and TypeScript — server rendering, dynamic metadata, filters and typed API data.
Job listings only bring visitors if search engines can read them. The site must load fast, rank well and let users filter jobs by role, location and experience.
Next.js server components render job pages with unique titles, descriptions and structured data, while typed client components handle filters. TypeScript types keep API data safe end to end.
Define TypeScript interfaces for jobs, companies and filters before writing UI.
Use the App Router with server components for listing and detail pages.
Generate metadata per job, add structured data, canonical URLs and a sitemap.
Client components that sync filters with the URL so results are shareable.
Ship to Vercel and check Core Web Vitals.
Every line of AI-generated code is reviewed and understood before it ships.
Certificate after clearing the final interview with 90%+.
This project is part of Frontend with React & Next.js — TypeScript track.
A fully responsive personal portfolio with smooth CSS animations, hover effects and accessible semantic HTML — the first project every Learn Refill student ships.
How a role-based learning portal with auto attendance, live class links, quizzes and project uploads is built with Next.js, Node.js, Express and MongoDB.
A complete online store with product search, cart, checkout in payment test mode and an admin panel — built end to end with React, Node.js, Express and MongoDB.