INTERNSHIP TASKS
Glad to meet you here. In this page, you can navigate between the different tasks of your internship.
UI Developer
Work on a real-world portfolio website using HTML, CSS, and JavaScript by fixing bugs, refactoring code, adding features, and enhancing design and accessibility.
1: Onboarding
Get familiar with the 'CommunityPro/portfolio-html' template, exploring its structure, purpose, and workflow. Understand how the site is built with HTML, CSS, and JavaScript and how you’ll be contributing to it.
Explore Now2: Prevent User Selection
Restrict user interactions so that only text is selectable. Prevent images, icons, buttons, and links from being highlighted or copied for better UX.
Explore Now3: Scroll To Footer
Enable smooth scrolling to the footer section containing contact details when a navigation link is clicked, improving usability and accessibility.
Explore Now4: Add Title To Icons
Add descriptive `title` attributes to all icons with links, ensuring screen readers and hover tooltips provide clear context for accessibility.
Explore Now5: Update Navbar Menu
Improve the mobile navigation menu by refining its layout and styles, making it more user-friendly on smaller devices.
Explore Now6: Refactor Projects Section
Identify redundant or messy code within the projects section and refactor it into a cleaner, more reusable structure.
Explore Now7: Enhance Projects Accessibility
Improve the responsiveness and accessibility of the projects section by applying CSS media queries with inclusive design practices.
Explore Now8: Remove Duplicate Code
Locate duplicate code blocks in the project and remove them by consolidating into reusable functions or components.
Explore Now9: Download Resume
Implement functionality to download a resume when the resume button in the navbar is clicked.
Explore Now10: Detect User-Preferred Mode
Automatically detect the user’s system theme preference (light or dark mode) and set it as the default display for the website.
Explore Now11: Deploy The Project
Deploy the website to a static hosting service (such as Vercel, Netlify, or GitHub Pages) to make it publicly accessible.
Explore Now12: Showcase Internship Experience
Learn how to present your internship work effectively on LinkedIn and resumes, focusing on achievements, skills gained, and project outcomes.
Explore Now