Web Development Task

Instructions:

For the Web Development and Design Internship, you will need to complete any one (either Level 1, Level 2, or Level 3) as per your convenience for the successful completion of the internship.
If you complete Level 3, you will be eligible for a Letter of Recommendation.

Program Objective:

Goal Details
Build Foundational Skills Develop a strong understanding of web development basics such as HTML, CSS, JavaScript, and responsive design principles.
Enhance Practical Knowledge Work on real-world projects to apply theoretical knowledge in a practical setting, such as creating portfolios, login forms, and full-stack applications.
Improve Problem-Solving Address web development challenges and explore modern tools and techniques like Bootstrap, React, and Node.js.
Career Preparation Develop projects that can be showcased on a resume or portfolio, demonstrating readiness for industry roles in web development.

Level 1 Tasks

  • Task 1: Responsive Portfolio Website

    Build a responsive personal portfolio website using HTML, CSS, and Bootstrap. Include:

    • A professional homepage with an introduction and image.
    • Sections for "About Me," "Projects," "Skills," and "Contact Me."
    • Mobile-first design ensuring the layout is optimized for all screen sizes.
    • Creative design principles to make it visually appealing and functional.

  • Task 2: Static Landing Page

    Create a visually attractive static landing page. Ensure:

    • Use of well-structured HTML and CSS.
    • Inclusion of a header, footer, call-to-action button, and hero section.
    • Proper padding, margins, and alignment for all elements.
    • A consistent color scheme and typography throughout the page.

Level 2 Tasks

  • Task 1: Interactive Login Form

    Develop a login form with user authentication. Include:

    • Frontend using HTML, CSS, and JavaScript.
    • Backend using PHP to validate and store data in a MySQL database.
    • CRUD operations for user management.
    • Input validation for security and user feedback.

  • Task 2: Temperature Converter

    Develop a temperature converter application. Ensure:

    • Use of HTML, CSS, and JavaScript for a user-friendly interface.
    • Dropdown or radio buttons for unit selection (Celsius, Fahrenheit, Kelvin).
    • Validation for correct input format and unit conversion logic.
    • A display area showing the converted temperature and selected unit.

Level 3 Tasks

  • Task 1: E-Commerce Website

    Build a basic e-commerce website with the following features:

    • Frontend using HTML, CSS, JavaScript, and Bootstrap.
    • Backend using Node.js and MongoDB for product and user management.
    • Features like product listing, cart functionality, and checkout page.
    • Integration of payment gateway (dummy integration is acceptable).

  • Task 2: Blogging Platform

    Create a blogging platform with a content management system. Include:

    • User login and authentication functionality.
    • Post creation, editing, and deletion features.
    • Commenting functionality for user engagement.
    • Responsive design for all devices.