Web Development Internship – Week 1 Project (Month 2)

🗓️ Month 2: Project Phase | Week 1 Project

Welcome to the second phase of the Naman Digital Web Development Internship hosted on TheCodingCollege.com. In Week 1, your challenge is to build something every developer must have — a personal portfolio website.

This project is designed to test your core front-end skills in HTML, CSS, and JavaScript.

🎯 Project Title: Build Your Personal Portfolio Website

📌 Objective:

Create a clean, professional, and responsive personal portfolio website to showcase your skills, projects, and contact information.

This project helps build a real-world portfolio that you can include in your resume and GitHub profile.

🛠️ Tech Stack:

  • HTML5
  • CSS3
  • JavaScript
  • (Optional) Bootstrap or any CSS framework

🗂️ Project Folder Structure:

portfolio/
│
├── index.html
├── about.html
├── projects.html
├── contact.html
├── css/
│   └── style.css
├── js/
│   └── script.js
└── images/
    └── your-photos-and-assets.jpg

✅ Page Requirements:

🏠 1. Home Page (index.html)

  • Personal image, name, and short intro
  • Navigation menu
  • Hero section with welcome text or a tagline

👤 2. About Page (about.html)

  • Detailed self-introduction
  • Educational background
  • Skills section (with icons or progress bars)

💼 3. Projects Page (projects.html)

  • Minimum 3 mini-projects
  • Each project includes:
    • Title
    • Description
    • Technologies used
    • GitHub link (optional)
    • Screenshot (optional)

📬 4. Contact Page (contact.html)

  • Simple contact form:
    • Name, Email, Message
  • Basic form validation using JavaScript

📱 Responsiveness:

Your website must be fully responsive on:

  • Mobile phones
  • Tablets
  • Desktops

Use media queries or frameworks like Bootstrap.

🎨 Design Guidelines:

  • Use semantic HTML
  • Link external CSS and JS files
  • Clean, structured code
  • Use favicon, page titles, and meta tags
  • Simple and user-friendly layout

📸 Inspiration:

Need ideas? Check these out:

📤 Submission Instructions:

  1. Upload your completed project folder to GitHub or Google Drive.
  2. Submit your link through the Week 1 Submission Form shared on the Telegram group.

🧠 Bonus Features (Optional for Extra Points):

  • Add dark mode toggle
  • Smooth scroll and animations
  • A basic blog section
  • Page loader or scroll progress bar

🏁 Deadline:

Submit your completed project by a Week

🎓 Learning Outcomes:

By completing this project, you will:

  • Strengthen your HTML, CSS, and JS skills
  • Learn how to design responsive layouts
  • Have a live project to showcase to recruiters

If you’ve completed this task, share your link in the group and inspire your peers!
Good luck developers! 🚀

Leave a Comment