frontend-challenges

Frontend Challenges

Challenges I have played around with from:

• frontendmentors.io
• greatfrontend.com
• cssbattle.dev
• exercism.org

Live Demos

Frontend Mentor Challenges

• 3 Column Preview Card Component
• Advice Generator App
• Age Calculator App
• Article Preview Component
• Clipboard Landing Page
• Calculator
• Expenses Chart Component
• FAQ Accordion Card
• Four Card Feature Section
• Huddle Landing Page
• Interactive Card Details Form
• Interactive Pricing Component
• Interactive Rating Component
• Intro Component with Signup Form
• IP Address Tracker
• Loopstudios Landing Page
• Launch Countdown Timer
• News Homepage
• Newsletter Sign-up with Success Message
• NFT Preview Card Component
• Notifications Page
• Order Summary Component
• Ping Coming Soon Page
• Product List with Cart
• Product Preview Card Component
• Profile Card Component
• QR Code Component
• REST Countries API
• Results Summary Component
• Single Price Grid Component
• Social Links Profile
• Social Proof Section
• Static Job Listings
• Stats Preview Card Component
• Sunnyside Agency Landing Page
• Testimonials Grid Section
• Tip Calculator App
• URL Shortening API

Custom Components

• Accordion
• Blog Card
• Button Component
• Features Section Grid
• Grid Lights
• Hacker News Job Board
• Hero Section with Feature Bullets
• Hero Section Simple
• Image Carousel
• Navbar Component
• Profile Card
• Progress Bar
• Responsive Inline Menu
• Star Rating
• Tabs Component
• Testimonial Card
• Text Input Component
• Tic Tac Toe
• Tic Tac Toe 2
• Toggle Switch
• USWDS Alert
• Traffic Light
• Interactive Pricing Component

CSS Battle

• CSS Battle - May 23, 2025
• CSS Battle - May 24, 2025
• CSS Battle - May 25, 2025
• CSS Battle - May 26, 2025
• CSS Battle - July 5, 2025

Exercism Bootcamp

• Bouncy Ball
• Slithery Snake
• Take Control
• Controlled Snake