0% found this document useful (0 votes)
24 views14 pages

Web Development Projects

The document provides instructions for a Web Development internship, outlining tasks at different levels (1, 2, and 3) that interns must complete, including creating a personal portfolio, landing page, and various web applications. Interns are required to maintain a GitHub repository, submit a task submission form, and create a video showcasing their work, which can be shared on LinkedIn with specific hashtags. The internship emphasizes learning and growth, offering support and a potential Star Performer certificate for outstanding work.

Uploaded by

virajmittal23
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
24 views14 pages

Web Development Projects

The document provides instructions for a Web Development internship, outlining tasks at different levels (1, 2, and 3) that interns must complete, including creating a personal portfolio, landing page, and various web applications. Interns are required to maintain a GitHub repository, submit a task submission form, and create a video showcasing their work, which can be shared on LinkedIn with specific hashtags. The internship emphasizes learning and growth, offering support and a potential Star Performer certificate for outstanding work.

Uploaded by

virajmittal23
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

INSTRUCTIONS

U p d a t e your Linked In profiles

For a Web Development internship , you will need to c omplete any one
( either level 1 or level 2 , or level 3 ) at your convenie nce for successful
c omp l e t i o n of the internship .

M a i n t a i n a separate G i t Hub repository( name MYDAILYWORK for all the tasks


and share the l ink of the G i t Hub repo in the task submission form
( it will be given later through email).

You can refer to online resources such as G o o g l e Search and read tutorials.
W a t c h videos( For Help).
SUBMISSION
1 A TASK S U B M I S S I O N FORM will be shared
later through email . Till then please continue
your task.

2 A video need to be created to showcase your work,


demo of your effort

3 The video can be hosted on Linked In for proof of


your work and build credibility among your peers .
You can tag @ MYDAILYWORK in such posts.

Please add # MYDAILYWORK in each of your task


4 video postings on Linked In, Additionally, you
can also add hashtags such as # internship
# webdevelopment. for more reach and
visibility.
A B O U T THE INTERNSHIP

NETWORK
COMPLETION PLACEMENT
OPPORTUNITY
CERTIFICATE SUPPORT
LEVEL 1 TASK 1
PORTFOLIO
Creating a personal portfolio using CSS and HTML is a popular beginner web
development project.
Header Section: Add your name or a logo at the top.
Optionally, include a brief introduction or tagline.
About Section: Insert an image of yourself.
Write a short bio highlighting your skills and experience.
Skills Section: List your key skills or areas of expertise.
Projects Section: Showcase samples of your work or projects.
Include project titles, descriptions, and images.
Resume Section: Provide a link to download your resume in PDF format.
Contact Section: Include your contact information, such as email address and
phone number.
Footer: Add a copyright notice and any additional links or information.
FOR DEMO CLICK HERE
LEVEL 1 TASK 2
LANDING PAGE
A landing page is an ideal web development project for beginners. It requires basic
knowledge of HTML and CSS. Through this project, you'll learn to create columns, divide
sections, arrange items, and add headers and footers.

The most important aspect is unleashing your creativity to design an impressive page. Pay
attention to alignments, padding, color palette, boxes, and other elements. Be mindful of
CSS to avoid overlapping elements. In short, a landing page project allows you to apply
HTML and CSS skills, encouraging your creativity while ensuring a visually appealing and
user-friendly design.

FOR DEMO - CLICK HERE


LEVEL 1 T A S K 3
CALCULATOR
To create a basic calculator using CSS, HTML, and JavaScript, you'll need to implement an
interactive interface with buttons for addition, subtraction, multiplication, and division
operations. The calculator should have a display screen to show user input and results. Utilize
CSS grid system for button alignments.

Use event listeners, if-else statements, operators, and loops to handle user input and perform
calculations. This project requires some skill but can be done with basic knowledge of these
technologies..

FOR DEMO - CLICK HERE


LEVEL 2 TASK 1
Job Board FOR DEMO CLICK HERE

Build a job board website where employers can post job openings and job seekers can
search and apply for jobs. Use React, Node.js, and a database like MongoDB or PostgreSQL
Home Page: Welcome message and featured job listings.
Job Listings Page: List of job openings with essential details.
Job Detail Page: Detailed information about a specific job.
Employer Dashboard: Account management and job posting.
Candidate Dashboard: Profile management and job applications.
Job Application Process: Application form with resume upload.
Search Functionality: Search bar for finding specific jobs.
Email Notifications: Notifications for successful applications and updates.
User Authentication and Security: Secure user login and data protection.
Mobile Responsiveness: Website works well on different devices.
8.Host the website at 000webhost, github. io,Netlify, heroku app or any other free hosting
provider. Check in code in gitlab. (optional)
LEVEL 2 TASK 2
Online Quiz Maker:
Create a platform that enables users to create and take quizzes. Users can input questions,
multiple-choice answers, and correct answers to build a quiz. Other users can then take the quiz
and receive immediate feedback on their scores.
Home Page: Welcome message and option to create or take a quiz.
Quiz Creation: Form to create a new quiz with questions and multiple-choice options.
Quiz Taking: Display quiz questions one at a time with options for users to select answers.
Quiz Results: Show the final score and correct answers after completing the quiz.
Quiz Listing: Display a list of available quizzes for users to browse and take.
User Authentication: Enable user registration and login for personalized experiences.
Mobile Responsiveness: Ensure the quiz maker works well on different devices.

FOR DEMO- CLICK HERE


LEVEL 3 TASK 1
E-Commerce Website

Build an e-commerce website where users can browse products, add items to
a shopping cart, and proceed to checkout. Implement features like user
authentication, product filtering, and payment integration using technologies
like React, Node.js, and MongoDB.

Host the website at 000 webhost, github. io,Netlify, heroku app or any other free hosting
provider. Check in code in gitlab. (optional)
LEVEL 3 TASK 2
Project Management Tool:
Develop a project management tool that allows users to create projects, assign tasks, set deadlines, and
track progress. Use React, Node.js, and a database like MongoDB or PostgreSQL.

Host the website at 000 webhost, github. io, Netlify, heroku app or any other free hosting provider.
Check in code in gitlab.

Note:
If you will finish Project Management Tool then you will be awarded with Star Performer
certificate along with some exciting Goodies 
A S K US FOR HELP!
THE P U R P O S E OF THIS I N T E R N S H I P IS TO
LEARN A N D G R O W

We have no desire to dictate to you. It is entirely


up to you whether you seek guidance or not.

The given tasks may seem very easy or very difficult.


We expect you to approach the tasks with
professional diligence and give them the attention
they deserve."
www.mydailywork.com

[email protected]

https://www.linkedin.com/company/mydailywork/

You might also like