Frontloops provide frontend development challenges to improve your skills in HTML, CSS and Javascript.
For more informations check Frontloops website
Theses are web interface challenges, it is more based on HTML and CSS.
You can find below my solutions :
-
Step 1 : Pricing Table
-
Step 2 : Payement Form
-
Step 3 : Payement Confirmation Screen
-
Step 4 : Message Box
-
Step 5 : Boarding Pass
-
Step 6 : Sign-up Form
-
Step 7 : Blog Post
-
Step 8 : Travel Article
-
Step 9 : Online Wallet
-
Step 10 : Apple Watch Landing Page
-
Step 1 : Washing Machine Program
-
Step 2 : Account Settings Form
-
Step 3 : Files Manager
-
Step 4 : Travel Card
-
Step 5 : Article Title Page
-
Step 6 : Calendar
-
Step 7 : Press Page
-
Step 8 : Mobile App Mockup
-
Step 9 : Navigation App
-
Step 10 : LinkedIn Website
-
Step 1 : Product Page
-
Step 2 : Gallery Overview
-
Step 3 : Movie Cards
-
Step 4 : Music Card
-
Step 5 : Charts
-
Step 6 : Payment Page
-
Step 7 : Cinema Ticket
-
Step 8 : News App
-
Step 9 : Media Homepage
Theses are interactive widgets challenges, it is more based on Javascript.
You can find below the lives versions of my solutions :
-
Step 1 : Segmented Control / Select
-
Step 2 : Tab Switcher
-
Step 3 : Random Toggle Switches
-
Step 4 : Multi Step Form
-
Step 5 : Typewriter Effect
-
Step 6 : 3D Tilt Hover Effect
-
Step 7 : Show On Scroll
-
Step 8 : Side Menu
-
Step 9 : Sticky Element With Javascript
-
Step 10 : Draggable Card
-
Step 1 : Code Verification
-
Step 2 : Multiselect
-
Step 3 : Card Slider
-
Step 4 : Form Validation
-
Step 5 : Color Picker
-
Step 6 : Boiling Dots
-
Step 7 : Custom Scrollbar
-
Step 8 : Custom Video Player
-
Step 9 : Input Slider
-
Step 10 : Accordion
-
Step 1 : To-do List with Local Storage
-
Step 2 : Moving Dot
-
Step 3 : Calendar Week Changer
-
Step 4 : Toast Event
-
Step 5 : Paging Component
-
Step 6 : Onboarding
-
Step 7 : Ripple Cursor
-
Step 8 : Suggest
-
Step 9 : Textarea Highlight
-
Step 10 : Image Magnifier