Front-end Projects from Roadmap.sh

This repository contains a collection of front-end projects inspired by the Roadmap.sh curriculum. These projects are designed to help you practice and improve your front-end development skills by building real-world applications.

Beginner Projects

1. Single Page CV

   • A simple single-page CV to showcase your personal information and skills.
   • 

2. Basic HTML Website

   • A basic HTML website to practice structuring content and using semantic HTML.
   • 

3. Change Log

   • A change log to keep track of updates and changes in a project.
   • 

4. Testimonial

   • A testimonial section to display user feedback and reviews.
   • 

5. Date Picker UI

   • A date picker UI component to select dates.
   • 

6. Accessible Form UI

   • An accessible form UI to ensure usability for all users.
   • 

7. Tabs

   • A tabbed interface to organize content into separate sections.
   • 

8. Grid Image Layout

   • A grid layout to display images in a structured manner.
   • 

9. UI Tooltip

   • A tooltip component to provide additional information on hover.
   • 

10. Cookie

    • A cookie consent UI to inform users about cookie usage.
    • 

11. Restricted Textarea

    • A textarea with character validation to limit input length.
    • 

12. Accordion

    • An accordion component to expand and collapse content sections.
    • 

13. Age Calculator

    • An age calculator to determine age based on birthdate.
    • 

14. Flash Cards

    • Flash cards for studying and memorization.
    • 

15. Progress Steps

    • A progress steps component to visualize multi-step processes.
    • 

16. Dark Mode

    • A dark mode toggle to switch between light and dark themes.
    • 

Project List Links from roadmap.sh

1. Single Page CV
2. Basic HTML Website
3. Change Log
4. Testimonial
5. Date Picker UI
6. Accessible Form UI
7. Grid Image Layout
8. Tabs
9. UI Tooltip
10. Cookie
11. Restricted Textarea
12. Accordion
13. Age Calculator
14. Flash Cards