DEV Community

Cover image for 19 Frontend Projects 🎨
Dan
Dan

Posted on

3 1

19 Frontend Projects 🎨

#frontend #html #css

Learning can be hard, especially when it comes to using the skills that you've learned.

Some people are great at absorbing skills through visual means but a lot of people learn through building, which is why we have many frontend projects for you to have a go at!

Beginner

  1. Single Page CV
  2. Basic HTML Website
  3. Personal Portfolio
  4. Changelog Component
  5. Testimonial Cards
  6. Datepicker UI
  7. Accessible Form UI
  8. Image Grid Layout
  9. Tooltip UI
  10. Tabs
  11. Cookie Consent
  12. Restricted Text Area
  13. Accordian
  14. Age Calculator
  15. Flash Cards

Intermediate

  1. Custom Dropdown
  2. Task Tracker
  3. GitHub Random Repo
  4. Reddit Client
  5. Temperature Converter

Each project is verified upon completion and added to the project contribution board where it can be upvoted!

Enjoy!

profile
_SurveyJS
 Promoted

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

profile
Pieces.app
 Promoted

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

Read next

mikeyoung44 profile image

AI Shows Promise in Diagnosing Rare Diseases, Achieves 80% Accuracy in Top-5 Predictions

Mike Young -

mikeyoung44 profile image

Fast-track speech AI: New method trains language models on a single GPU in just 24 hours

Mike Young -

mikeyoung44 profile image

New LoRA Method Boosts AI Model Performance by 20% with Zero Extra Costs

Mike Young -

mikeyoung44 profile image

GneissWeb: AI Training Data Filter Boosts Quality 3x by Processing 6.5 Trillion Web Tokens

Mike Young -