frontend-mentor-challenge-solutions
frontend-mentor-challenge-solutions copied to clipboard
catherineisonline
Frontend Mentor: A showcase of my front-end skills. This collection features my solutions to various Frontend Mentor challenges, each providing a real-life workflow experience. From designs, assets, a...
Frontend Mentor Challenge Solutions
Frontend Mentor: A showcase of my front-end skills. This collection features my solutions to various Frontend Mentor challenges, each providing a real-life workflow experience. From designs, assets, and style requirements, I have honed my skills in building responsive and visually appealing websites. Explore my solutions and see the live demos
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
In case of issues with gh-pages
- delete gh-branch if any
npm run build
git add dist && git commit -m "Initial dist subtree commit"
git subtree push --prefix dist origin gh-pages
Project List
Intro section with dropdown navigation
News homepage
Huddle landing page with alternating feature blocks
Crowdfunding product page
Fylo landing page with two column layout
Product preview card component
Calculator App
Interactive rating component
REST Countries API with color theme switcher
Fylo dark theme landing page
Sunnyside agency landing page
Pricing component with toggle
Intro component with sign-up form
Advice generator app
Base Apparel coming soon page
FAQ Accordion Card
Ping coming soon page
Article preview component
URL shortening API landing page
IP Address Tracker
Testimonials grid section
QR code component
Fylo data storage component
Huddle landing page with a single introductory section
NFT preview card component
Four card feature section
Social proof section
3-column preview card component
Single price grid component
Profile card component
Order summary component
Stats preview card component
Metadata
Owner
catherineisonline
Metadata
Frontend Mentor: A showcase of my front-end skills. This collection features my solutions to various Frontend Mentor challenges, each providing a real-life workflow experience. From designs, assets, a...