CODETECH IT SOLUTIONS

WEB
DEVELOPMENT
INTERNSHIP

BEGINNER
TO ADVANCED
 CODETECH IT SOLUTIONS
Internship Requirements:

1. LinkedIn Profile Update:

- Ensure your LinkedIn profile is updated to reflect your skills and experience relevant to web
development.

2. Task Completion:
- Complete any three out of five specified tasks for the web development internship.

3. LinkedIn Post Requirement:

- Mandatory: Post on LinkedIn about your internship offer, mentioning CodeTech IT Solutions. Share
the post link in the provided Google Form for review.

4. GitHub Repository: WRITE YOUR CODE IN ANY IDE PLATFORM AND STORE THEM
IN GITHUB
- Maintain a separate GitHub repository named "CodeTech IT Solutions" for all tasks. Share the
repository link in the task submission form.

5. Resource Utilization:
- Refer to online resources, Google search, tutorials, and videos for guidance on completing the
internship tasks.

6. Verification Process:
- Follow the instructions provided in the submission Google Form to ensure proper verification of
your internship tasks.

- Post the 2-Mins Video Proof Of Your Work In Linkedin Post And Submit The Links At
The Time Of Subbmission !

7. Internship Benefits:
- Successful completion guarantees a valuable completion certificate, placement support, and
networking opportunities within the CodTech IT Solutions community.
COMPLETE THREE OUT OF FIVE TASKS BELOW TO GET CERTIFICATE
1. PERSONAL PORTFOLIO WEBSITE:
CREATE A VISUALLY APPEALING WEBSITE THAT SHOWCASES THE STUDENT'S SKILLS,
EXPERIENCE, AND PROJECTS.
USE HTML TO STRUCTURE THE CONTENT AND CSS TO STYLE THE ELEMENTS. -
INCORPORATE JAVASCRIPT FOR INTERACTIVITY, SUCH AS SMOOTH SCROLLING, ANIMATIONS,
OR A CONTACT FORM.

2. E-COMMERCE PRODUCT PAGE:

DESIGN A PRODUCT PAGE THAT DISPLAYS PRODUCT INFORMATION, IMAGES, PRICES,
AND A SHOPPING CART FEATURE.
- PRACTICE USING HTML FORMS FOR USER INPUT AND HANDLING DATA SUBMISSION.
- EXPLORE LOCAL STORAGE OR SESSION STORAGE TO TEMPORARILY STORE CART ITEMS.
3. INTERACTIVE QUIZ APPLICATION:
- BUILD A QUIZ THAT CHALLENGES USERS WITH MULTIPLE-CHOICE QUESTIONS AND
PROVIDES SCORES AND FEEDBACK.
- USE JAVASCRIPT TO HANDLE QUESTION RANDOMIZATION, SCORE TRACKING, AND
DYNAMIC CONTENT UPDATES.
- CONSIDER ADDING A TIMER OR PROGRESS BAR FOR A MORE ENGAGING EXPERIENCE.

4. WEATHER APP WITH API INTEGRATION:

- FETCH REAL-TIME WEATHER DATA FROM A WEATHER API USING JAVASCRIPT'S FETCH
FUNCTION.
- DISPLAY THE CURRENT WEATHER CONDITIONS, FORECAST, AND OTHER RELEVANT
INFORMATION ON A WEB PAGE.
- PAY ATTENTION TO API USAGE GUIDELINES AND ERROR HANDLING.
5. TO-DO LIST APPLICATION:
CREATE A WEB APP THAT ALLOWS USERS TO CREATE, MANAGE, AND MARK TASKS AS COMPLETE.
- PRACTICE USING JAVASCRIPT TO MANIPULATE THE DOM (DOCUMENT OBJECT MODEL) TO ADD,
REMOVE, AND UPDATE TASK ITEMS.
EXPLORE LOCAL STORAGE OR COOKIES FOR PERSISTENT STORAGE OF TASKS.

BONUS TASKS:

RESPONSIVE DESIGN: ENSURE WEBSITES ADAPT SEAMLESSLY TO DIFFERENT SCREEN SIZES AND
DEVICES USING CSS MEDIA QUERIES.
JAVASCRIPT FRAMEWORKS: INTRODUCE A LIGHTWEIGHT FRAMEWORK LIKE VUE.JS OR REACT FOR
MORE STRUCTURED AND REUSABLE CODE.
BACKEND INTEGRATION: CONNECT A SIMPLE FRONTEND WITH A BACKEND USING JAVASCRIPT TO
HANDLE USER DATA AND ACTIONS (E.G., USING NODE.JS AND EXPRESS).
Contact Details:
Mail: info@codtechitsolutions.com
Cell & WhatsApp: 8074194666

Office Address:
CODTECH IT SOLUTIONS PRIVATE LIMITED,
PLOT NO 405, ROAD NO 4, BRUNDAVAN COLONY,
ALMASGUDA, BADANGPET,
SAROORNAGAR, RANGAREDDY, 500058