We Stand With Palestine

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.

HTMLCSSJavaScriptGit

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 Now

2: 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 Now

3: Scroll To Footer

Enable smooth scrolling to the footer section containing contact details when a navigation link is clicked, improving usability and accessibility.

Explore Now

4: 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 Now

5: Update Navbar Menu

Improve the mobile navigation menu by refining its layout and styles, making it more user-friendly on smaller devices.

Explore Now

6: Refactor Projects Section

Identify redundant or messy code within the projects section and refactor it into a cleaner, more reusable structure.

Explore Now

7: Enhance Projects Accessibility

Improve the responsiveness and accessibility of the projects section by applying CSS media queries with inclusive design practices.

Explore Now

8: Remove Duplicate Code

Locate duplicate code blocks in the project and remove them by consolidating into reusable functions or components.

Explore Now

9: Download Resume

Implement functionality to download a resume when the resume button in the navbar is clicked.

Explore Now

10: 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 Now

11: Deploy The Project

Deploy the website to a static hosting service (such as Vercel, Netlify, or GitHub Pages) to make it publicly accessible.

Explore Now

12: 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
Submit Your Tasks