Code Monkey home page Code Monkey logo

catherineisonline / frontend-mentor-challenge-solutions Goto Github PK

View Code? Open in Web Editor NEW
59.0 1.0 4.0 29.66 MB

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

Home Page: https://catherineisonline.github.io/frontend-mentor-challenge-solutions/

License: MIT License

JavaScript 1.13% HTML 1.42% Vue 75.02% Sass 20.94% Shell 1.47%
frontend-mentor frontendmentorchallenge frontendmentor frontendmentors frontend-mentor-challenges frontend-mentor-challenge frontend-mentor-site frontend-mentor-solutions vue vuejs frontend-web frontend-webdevelopment

frontend-mentor-challenge-solutions's Introduction

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

Intro section with dropdown navigation

Live | Repo | Try Out

News homepage

News homepage

Live | Repo | Try Out

Huddle landing page with alternating feature blocks

Huddle landing page with alternating feature blocks

Live | Repo | Try Out

Crowdfunding product page

Crowdfunding product page

Live | Repo | Try Out

Fylo landing page with two column layout

Fylo landing page with two column layout

Live | Repo | Try Out

Product preview card component

Product preview card component

Live | Repo | Try Out

Calculator App

Calculator App

Live | Repo | Try Out

Interactive rating component

Interactive rating component

Live | Repo | Try Out

REST Countries API with color theme switcher

REST Countries API with color theme switcher

Live | Repo | Try Out

Fylo dark theme landing page

Fylo dark theme landing page

Live | Repo | Try Out

Sunnyside agency landing page

Sunnyside agency landing page

Live | Repo | Try Out

Pricing component with toggle

Pricing component with toggle

Live | Repo | Try Out

Intro component with sign-up form

Intro component with sign-up form

Live | Repo | Try Out

Advice generator app

Advice generator app

Live | Repo | Try Out

Base Apparel coming soon page

Base Apparel coming soon page

Live | Repo | Try Out

FAQ Accordion Card

FAQ Accordion Card

Live | Repo | Try Out

Ping coming soon page

Ping coming soon page

Live | Repo | Try Out

Article preview component

Article preview component

Live | Repo | Try Out

URL shortening API landing page

URL shortening API landing page

Live | Repo | Try Out

IP Address Tracker

IP Address Tracker

Live | Repo | Try Out

Testimonials grid section

Testimonials grid section

Live | Repo | Try Out

QR code component

QR code component

Live | Repo | Try Out

Fylo data storage component

Fylo data storage component

Live | Repo | Try Out

Huddle landing page with a single introductory section

Huddle landing page with a single introductory section

Live | Repo | Try Out

NFT preview card component

NFT preview card component

Live | Repo | Try Out

Four card feature section

Four card feature section

Live | Repo | Try Out

Social proof section

Social proof section

Live | Repo | Try Out

3-column preview card component

3-column preview card component

Live | Repo | Try Out

Single price grid component

Single price grid component

Live | Repo | Try Out

Profile card component

Profile card component

Live | Repo | Try Out

Order summary component

Order summary component

Live | Repo | Try Out

Stats preview card component

Stats preview card component

Live | Repo | Try Out

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.