frontend-mentor

There are 33 repositories under frontend-mentor topic.

• quanru / bagu

  前端八股知识点-速记脑图

  frontend-mentor
  103

• catherineisonline / 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.

  frontend-mentorfrontendmentorchallengefrontendmentorfrontendmentorsfrontend-mentor-challengesfrontend-mentor-challengefrontend-mentor-sitefrontend-mentor-solutionsvuevuejsfrontend-webfrontend-webdevelopment
  Language:CSS 73

• AndiiCodes / front-end

  Front-end

  animationsblogcssfrontendfrontend-mentorfrontend-webgrid-layouthtmlwebsitetailwindcssinstagramapinextjsreactreactjstailwindvercelreact-hooks
  Language:CSS 72

• kelvinsanchez15 / easybank-landing-page

  Fully responsive SAAS product landing page designed with Tailwind CSS.

  reacttypescripttailwindcssfrontend-mentor
  Language:TypeScript 69

• astroud / pomodoro-react-app

  ⏲ React Pomodoro timer + Frontend Mentor's visual design

  frontendmentor-challengepremium-challengesfrontend-mentorpomodoro-timerpomodororeact
  Language:CSS 58

• JaneMoroz / invoice-app

  A full-stack invoice app built with Nextjs.

  frontend-mentorfullstackmongodbnextjsprismareact-hook-form
  Language:TypeScript 35

• kens-visuals / frontend-mentor

  Frontend Mentor Solutions -- all of my solved projects in one repo 👾

  htmlhtml5csscss3jsvanilla-jsvanilla-javascriptfrontendfront-endfrontend-mentorreactreactjsreact-hooksreact-componentsstyled-componentsnextjs
  32

• frontend-mentor / url-shortening-api-landing-page

  https://frontend-mentor.github.io/url-shortening-api-landing-page/

  frontend-mentorcss-grid
  Language:CSS 31

• yasssuz / Invoice-app

  App where you can create, delete, and edit your invoices. Don't have your invoice ready? No problem! You can create a draft and edit it later! Too many invoices? Filter them! Maybe the status of your invoice changed? Change it! Everything will be saved on your local storage so everything is crazy fast :) You can even switch between light/dark mode if you would like to.

  reactstyled-componentstypescriptyupreact-router-domreact-hook-formframer-motiondayjsfrontend-mentorlocalstorage
  Language:TypeScript 30
• easybank-landing-page

  yomarsanchez / easybank-landing-page

  Easybank landing page con Sass

  livelivecondingeasybank-landing-pagefrontend-mentorsass
  Language:CSS 29

• jaiminpatel047 / AmazonClone

  Creating a front-end clone of Amazon using Vite involves building the user interface of the Amazon website using Vite, React components, HTML, CSS, and JavaScript. Here are the high-level steps you can follow to create a front-end clone of Amazon

  amazon-cloneamazon-clone-reactreactamazon-clone-projectamazon-clone-scriptfrontendfrontend-mentorfrontendmentor-challengereact-appreact-projectreact-projects
  Language:JavaScript 23

• funmilolajire / invoice-app

  a full-stack invoicing application built with next.js and nest.js

  nextjsreactnestjs-backendcrudfrontend-mentorfull-stackinvoicecssmodulestypescriptswagger-api
  Language:TypeScript 22

• gigo6000 / astro-landing-page

  Astro Landing Page with Tailwind CSS and React - Frontend Mentor Challenge

  astroastrojslanding-pagereacttailwind-csstailwindcssfrontend-mentor
  Language:JavaScript 22

• faha1999 / Frontend-Mentor-Challenges-Solutions

  Here is the collection of all my Frontend Mentor challenge solutions. You can find links to live demos and challenges on Frontend Mentor if you want to try them out.

  easybank-landing-pagefaha1999fronetend-mentor-challengefrontendmentor-challengereactreactjssolutionbootstrapbootstrap5scssspace-tourismjavascriptframer-motionfront-end-developmentfrontend-mentorswiper-jscssfrontend-mentor-solutionslanding-page
  Language:JavaScript 18
• learning-tracker

  SabineEmden / learning-tracker

  :books: Tracking technical skills, personal projects, coursework, and coding challenges for learning web development

  learn-to-codelearning-logweb-developmentfrontend-mentorthe-odin-project
  17
• Interactive-comments-section

  CodeWithAlamin / Interactive-comments-section

  Nested comment section with Vanilla JS, utilizing MVC & Pub-Sub patterns. Ideal for practicing full-stack CRUD apps!

  codepapa360comment-sectioncrudcrud-applicationcrud-functionalitycssfrontendfrontend-developmentfrontend-mentorhtmljavascriptnested-commentsnested-structuressasscodewithalamin
  Language:JavaScript 16

• ikennarichard / Expenses-chart-component

  A chart component that helps you keep track of your monthly and annual expenses. Built with HTML, CSS and JavaScript

  frontend-mentorjavascript
  Language:CSS 16
• rest-countries-api

  lezuini / rest-countries-api

  Integration of the REST Countries API with the design proposed by frontend mentor

  frontend-mentorcountries-apicode-challengesassreactreact-router
  Language:SCSS 16

• mohammedyh / pomodoro-timer

  A minimal pomodoro timer created using HTML, CSS and JavaScript

  csshtmljavascriptpomodoro-timerscsstimerpomodoroproductivityfrontend-mentor
  Language:CSS 16

• seanred360 / planets-fact-site

  A visually appealing website that teaches children about the planets in our solar system.

  frontend-mentoranimejssass
  Language:SCSS 15

• ArslanYM / FrontendCheatsheet

  A cheatsheet for learning frontend development quickest and easiest way possible

  cssfront-endfrontendfrontend-mentorgitgithubhtml5javascriptjsreactjsreactwcheatsheetdesignlikereact
  14

• ecemgo / frontend-mentor-challenges

  In this repository, there are solutions for some Frontend Mentor challenges.

  csshtmljavascripttailwind-cssfrontend-mentorfrontendfrontend-mentor-challengefrontendmentorhtml-css-javascripttailwindcss
  Language:CSS 14

• ikennarichard / Tip-calculator-app

  A Tip calculator app that helps users to select and calculate tip for their bill. Built with HTML, CSS and JavaScript

  front-end-developmentfrontend-mentor
  Language:CSS 14

• vanzasetia / designo-multi-page-website

  A nice challenge from Frontend Mentor.

  challengechallenge-projectfrontendfrontend-challengefrontend-mentor
  Language:HTML 14

• BoyanLiuu / Frontend-Mentor-Solution

  This will display a list of frontend mentor project solution

  frontend-mentorsolutionsreactjsstyled-components
  Language:JavaScript 13

• correlucas / art-gallery-website

  This is my solution to the Art Gallery Website (Figma design to Code) on Frontend Mentor.

  landing-pagecss3frontend-developmentfrontend-mentorhtml-css-javascript
  Language:CSS 13
• Interactive-card-details-form

  cosmoart / Interactive-card-details-form

  💳 Web solution to a frontend mentor challenge, made with JS and CSS in React

  frontend-mentorjs-formreactjscssjavascript
  Language:JavaScript 13

• abdullahalshawafi / Countreez

  A simple responsive website that displays all of the countries and their details.

  frontend-mentorscssvuevuejs
  Language:Vue 12

• LeeConnelly12 / link-sharing-app

  Frontend Mentor - Link Sharing App

  frontend-mentorinertialaraveltailwindvue
  Language:PHP 12

• yasssuz / easybank-landing-page

  Awesome looking, light theme, fully responsive landing page.

  html5scssjavascriptvitejsprettiereslintfrontend-mentor
  Language:SCSS 12

• all-my-frontend-mini-projects / clipboard-landing-page_frontend_project

  Introducing the Clipboard Landing Page, your gateway to unlocking additional functionalities for your standard clipboard. Experience the optimal layout on any device screen size and enjoy interactive hover states for all elements on the page. Elevate your clipboard experience with this sleek and modern landing page today!

  codercssdesign-to-websitedeveloperfrontendfrontend-mentorfullstack-developmenthtmljsprogrammerresponsivevanilla-javascriptweb-design
  Language:CSS 11

• indraAK / calculator-app

  Simple calculator app with theme switcher

  htmlcssjavascriptcalculator-applicationfrontend-mentor
  Language:CSS 11

• mad-daniel / planets-fact-app

  Application about the solar system

  frontend-mentorfrontendmentor-challengenextjsreactstyled-componentsreactjs
  Language:JavaScript 11

• maudlinmandrake / product-preview-card-component

  Frontend Mentor Challenge: Product preview card

  cssfrontendfrontend-mentorhtml
  Language:CSS 11

• ruineto-software-engineer / challenge-frontendmentor-job-listings

  Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories.

  frontend-mentorreactchallenge-project
  Language:JavaScript 11

• zathio / frontendmentor-challenges

  My submissions for the Frontend Mentor Challenges

  frontend-mentor-challengesfrontendchallengefrontend-challengefrontend-mentor
  Language:CSS 11