Build Real Apps.
Ship to Production.

Design and build a responsive personal portfolio landing page using only HTML and CSS. Include a hero section, about section, and a projects placeholder. Push the finished project to a new GitHub repository.

Use Tailwind CSS to clone a modern SaaS landing page of your choice. Focus on spacing, typography, and responsive layout. No JavaScript required.

Use Tailwind CSS to build a dashboard UI mockup with a sidebar, stats cards, and a data table. Ensure it is fully responsive.

Fetch live weather data from the OpenWeatherMap API and display it with dynamic DOM updates. Handle loading and error states gracefully.

Create a random quote generator that fetches from a public quotes API and displays a new quote on button click with a fade animation.

Build a fully functional to-do list app with add, complete, and delete features. Persist data using localStorage.

Re-build the to-do app from Week 3 using React with proper component architecture. Use useState for state management and keep components reusable.

Build a movie search app using the OMDB API. Implement a search input, results grid, and a movie detail modal using React state.

Create a multi-page blog UI that fetches posts from JSONPlaceholder API. Include a post list, post detail page, and comment section. Use React Router for navigation.

Build a product listing page and cart UI using the FakeStore API. Implement add-to-cart, remove, and quantity update logic using React state.

Take one of your Week 4 or Week 5 React apps and migrate it into a Next.js App Router project. Use server components for data fetching and client components for interactivity.

Add user login and registration to your Next.js app using a mock REST API (e.g., MockAPI or a provided backend). Store tokens in localStorage and protect routes.

Implement full Create, Read, Update, Delete operations against a REST API. Display optimistic UI updates and handle all error states.

Refactor one of your existing projects to use a professional folder structure (components/, hooks/, lib/, types/). Extract reusable components and document them.

Create a GitHub repo for your upcoming team project. Set up branch protection rules, a PR template, and open your first issue. Teams of 3–5 will be announced.

Your team will be assigned one of the following projects: Startup landing page, Dashboard UI, Logistics platform UI, CBT system frontend, or NGO website. Break the project into GitHub Issues, assign them, and begin building. Mentors act as product managers.

Review each other's code via GitHub PRs. Fix responsiveness issues, improve UI consistency, and optimize component performance. Each intern must open and close at least 2 review-based PRs.

Complete all remaining features, fix all known bugs, and deploy the final version to Vercel. Mentors will conduct a UI review, QA review, and code review. Prepare a 5-minute demo presentation.

Present your team project live to mentors and peers. Walk through the features, architecture decisions, challenges faced, and what you learned. Individual contributions will be assessed.

Submit your complete GitHub portfolio with links to all projects built during the internship. Include a README for each project. This is your final deliverable for certificate qualification.