Objective
Learn modern frontend development including responsive design, component-based UI, API integration, state management, and deployment. These tasks help interns build professional-grade websites and applications.
Features
- Responsive Web Design (HTML5, CSS3, Media Queries)
- JavaScript ES6+ fundamentals
- API calls using Fetch / Axios
- Component-based UI with modern frameworks
- Version control (Git/GitHub)
Technologies
HTML5 CSS3 JavaScript ES6+ Bootstrap 5 Tailwind (optional) React (optional)Note: Out of the 4 tasks given, you are required to complete any 3 tasks.
Tasks (4)
Goal
Create a mobile-friendly personal portfolio website with sections like Home, Skills, Projects & Contact.
Requirements
- Use HTML + CSS + Bootstrap (or Flexbox/Grid)
- Navbar with smooth scroll
- Fully responsive across all devices
Deliverables
- Live hosted version (GitHub Pages recommended)
- Source code link on GitHub
Goal
Build a mini interactive JS app using DOM manipulation.
Options
- To-Do List App
- Quiz App
- Weather App (API Required)
- Calculator
Deliverables
- Hosted link + source code
- Screenshots & short documentation
Goal
Use a public REST API to fetch and display data dynamically on the page.
Requirements
- Use Fetch API or Axios
- Loading & error states included
- Search or filter feature (bonus)
Deliverables
- Hosted live project
- GitHub repository
- Short write-up on API used
Goal
Clone the UI of a real-world website using HTML, CSS, and JS.
Options
- Netflix Homepage
- Amazon Product Page
- YouTube Layout
- Spotify Web Player (UI only)
Deliverables
- Live demo link
- Source code link
How to Submit Your Tasks
-
For each task:
- Create a separate document (DOC, DOCX, or PDF) for each task.
- Include screenshots, code snippets, commands, hosted links, and GitHub repository links.
-
Upload your documents:
- Upload to Google Drive or GitHub (public link).
- Ensure the sharing permission allows viewing for anyone with the link.
-
Submit your links:
- Copy the public links for each task document.
- Go to the Task Submission page.
- Paste the links clearly mentioning Task numbers.
Tip: Clean documentation = faster approval!