Projects in Awesome Lists tagged with freecodecamp-front
A curated list of projects in awesome lists tagged with freecodecamp-front .
https://github.com/mohit138928/react-markdown-previewer
A simple React Markdown Preview project in which you will see the editor toolbar and the previewer toolbar. When you write in the editor Toolbox, you can see the output in the Previewer in the form of Markdown (MD).
freecodecamp freecodecamp-front freecodecamp-frontend freecodecamp-project markdown markdown-converter markdown-previewer markdown-viewer marked react react-components react-hooks react-icons react-markdown-previewer reactjs sass sass-framework sass-library
Last synced: 31 Oct 2025
https://github.com/dracula27/freecodecamp_responsivewebdesign_catpainting
Mastering CSS positioning is essential for creating visually appealing and responsive web layouts. In this course, you will build a cat painting. You'll learn about how to work with absolute positioning, the z-index property, and the transform property.
css css3 freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 11 Mar 2025
https://github.com/dracula27/freecodecamp_responsivewebdesign_cafemenu
CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements. In this course, you'll learn CSS by designing a menu page for a cafe webpage.
css freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 19 May 2026
https://github.com/dracula27/freecodecamp_responsivewebdesign_surveyform
This is one of the required projects to earn your certification. For this project you will build a survey form to collect data from your users.
css css3 freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 21 May 2026
https://github.com/dracula27/freecodecamp_responsivewebdesign_registrationform
You can use HTML forms to collect information from people who visit your webpage. In this course, you'll learn HTML forms by building a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page.
css css3 freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 31 Jul 2025
https://github.com/dracula27/freecodecamp_responsivewebdesign_balancesheet
You can use CSS pseudo selectors to change specific HTML elements. In this course, you'll build a balance sheet using pseudo selectors. You'll learn how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage.
css css-flexbox css3 freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 27 May 2026
https://github.com/dracula27/freecodecamp_responsivewebdesign_nutritionlabel
Typography is the art of styling your text to be easily readable and suit its purpose. In this course, you'll use typography to build a nutrition label webpage. You'll learn how to style text, adjust line height, and position your text using CSS.
css css-flexbox css3 freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 14 Jun 2025
https://github.com/laaouatni/freecodecamp-front-end-development-libraries-projects
Projects of FreeCodeCamp's FrontEnd Development Libraries Course. written in sveltekit+tailwindcss
bootcamp bootcamp-project course course-project freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-javascript freecodecamp-project svelte sveltekit sveltekit-tailwindcss tailwindcss tailwindcss-v3
Last synced: 12 Apr 2026
https://github.com/dracula27/freecodecamp_responsivewebdesign_tributepage
This is one of the required projects to earn your certification. For this project you will build a tribute page for a subject of your choosing, fictional or real.
css css-flexbox css3 freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html-table html5 html5-css3
Last synced: 26 May 2026
https://github.com/dracula27/freecodecamp_responsivewebdesign_quiz
Accessibility is making your webpage easy for all people to use – even people with disabilities. In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices.
css css-flexbox css3 freecodecamp freecodecamp-curriculum freecodecamp-front freecodecamp-frontend freecodecamp-project html html-css html5 html5-css3
Last synced: 13 Apr 2026