Projects in Awesome Lists tagged with freecodecamp-frontend

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: 16 Feb 2025

https://github.com/aravindvnair99/freecodecamp-solutions

My solutions for freeCodeCamp tasks. Use it as a reference and don't cheat yourself.

freecodecamp freecodecamp-algorithms freecodecamp-backend freecodecamp-challenge freecodecamp-curriculum freecodecamp-data-visualization freecodecamp-frontend freecodecamp-javascript freecodecamp-project freecodecamp-solutions freecodecamp-solved-challenges solutions

Last synced: 01 Apr 2025

https://github.com/maunducyrus/magazine

Building Magazine using HTML and CSS

freecodecamp-frontend responsive-web-design

Last synced: 05 Apr 2025

https://github.com/vinicius77/personal-portfolio

FreeCodeCamp Last Challenge Project

fcc-certification fcc-frontend freecodecamp-frontend freecodecamp-project

Last synced: 26 Feb 2025

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: 11 Mar 2025

https://github.com/dracula27/freecodecamp_responsivewebdesign_catphotoapp

HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage. In this course, you'll learn the most common HTML tags by building your own cat photo app.

freecodecamp freecodecamp-curriculum freecodecamp-frontend freecodecamp-project html html5

Last synced: 11 Mar 2025

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: 11 Mar 2025

https://github.com/pineapplegiant/5-fcc-portfolio-design

My FCC Personal Portfolio Webpage design

fcc fcc-frontend freecodecamp freecodecamp-frontend freecodecamp-project vanilla-javascript

Last synced: 06 Mar 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: 27 Feb 2025

https://github.com/rosaerick/25-5.clockfcc

Simple 25+5 Clock built for the freeCodeCamp Curriculum

freecodecamp freecodecamp-frontend freecodecamp-project react reactjs vite

Last synced: 03 Mar 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: 11 Mar 2025

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: 11 Mar 2025

https://github.com/milliorn/markdown-previewer

Markdown Previewer allows users to write and preview markdown syntax in real-time. It provides a convenient way to create formatted content, such as documentation, blog posts, and README files, using simple and intuitive markup.

document-formatter freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project front-end-development live-preview markdown-editor markdown-preview markdown-previewer markdown-syntax markdown-viewer marked markeddown react-dom react-helmet tailwind-ui tailwindcss-ui web-app web-application

Last synced: 01 Apr 2025

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: 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: 11 Mar 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/bminixhofer/freecodecamp

My FreeCodeCamp projects.

freecodecamp freecodecamp-backend freecodecamp-data-visualization freecodecamp-frontend freecodecamp-project

Last synced: 03 Apr 2025

https://github.com/ronynn/front-end-projects

Archive of some of my front end projects in a single repository.

api-client apps d3js data-visualization expense-tracker freecodecamp freecodecamp-frontend javascript meals neomorphism react reactjs timer-clock todolist

Last synced: 04 Mar 2025

https://github.com/jerryxhu/fcc-pokedex

A fully functional and responsive pokédex for freeCodeCamp's JS Course using PokéAPI written in basic HTML, CSS, and JS!

freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-frontend freecodecamp-javascript freecodecamp-project html-css-javascript pokedex pokemon pokemon-api

Last synced: 14 Mar 2025

https://github.com/leta91/product-landing-page

Responsive Product Landing Page produced with HTML, CSS and Font Awesome Icons

css css3 freecodecamp freecodecamp-frontend freecodecamp-project html html5 landing-page product-landing-page responsive-website webdev webdevelopment

Last synced: 24 Mar 2025

https://github.com/sane-aalam/freecodecamp

code css3 freecodecamp freecodecamp-backend freecodecamp-challenge freecodecamp-frontend freecodecamp-project html responsive-web-design

Last synced: 16 Mar 2025

https://github.com/catrivas/responsive-web-design-freecodecamp

All the projects I did for the freeCodeCamp Responsive Web Design certification.

beginner css3 freecodecamp freecodecamp-frontend freecodecamp-project html5 responsive-web-design

Last synced: 24 Mar 2025

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: 11 Mar 2025

https://github.com/neicore/technicaldocchallenge

Technical documentation for a programming language that doesn't exist. This is my attempt at the free code camp challenge of making a technical documentation

css css3 freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-frontend freecodecamp-project html html5 technical-documentation

Last synced: 20 Feb 2025

https://github.com/vinicius77/tech-doc-page

FreeCodeCamp challenge (Technical Documentation Page)

fcc fcc-certification fcc-frontend freecodecamp-frontend

Last synced: 26 Feb 2025

https://github.com/pappukp/build-a-markdown-previewer.

Free CodeCamp - Front End Libraries Certification Projects - Build a Markdown Previewer.

freecodecamp freecodecamp-frontend freecodecamp-project markdown-editor markdown-viewer

Last synced: 17 Mar 2025

https://github.com/pappukp/tribute-web-page

Free CodeCamp - Responsive Web Design Projects - Build a Tribute Page using HTML5, CSS3, JavaScript, Bootstrap, or SASS.

freecodecamp freecodecamp-frontend freecodecamp-project tribute-page

Last synced: 17 Mar 2025

https://github.com/pappukp/technical-documentation-page

Free CodeCamp - Responsive Web Design Projects - Build a Technical Documentation Page Page using HTML5, CSS3, JavaScript, Bootstrap, or SASS.

freecodecamp-frontend freecodecamp-project technical-documentation-page

Last synced: 17 Mar 2025

https://github.com/pappukp/survey-form

Free CodeCamp - Responsive Web Design Projects - Build a Survey Form using HTML5, CSS3, JavaScript, Bootstrap, or SASS.

freecodecamp freecodecamp-frontend freecodecamp-project survey-form surveyform

Last synced: 17 Mar 2025

https://github.com/pappukp/product-landing-page

Free CodeCamp - Responsive Web Design Projects - Build a Product Landing Page using HTML5, CSS3, JavaScript, Bootstrap, or SASS.

freecodecamp-frontend freecodecamp-project

Last synced: 17 Mar 2025

https://github.com/pappukp/javascript-calculator

Free CodeCamp - Front End Libraries Certification Projects - JavaScript Calculator.

calculator-application freecodecamp-frontend freecodecamp-project javascript javascript-calculator web-application

Last synced: 17 Mar 2025

https://github.com/pappukp/drum-machine

Free CodeCamp - Front End Libraries Certification Projects - Build a Drum Machine.

drum-machine freecodecamp freecodecamp-frontend freecodecamp-project

Last synced: 17 Mar 2025

https://github.com/neicore/fccsurveyform

FreeCodeCamp Survey Form Challenge

css css-flexbox css3 freecodecamp freecodecamp-challenge freecodecamp-curriculum freecodecamp-frontend freecodecamp-project frontend html html-form html5

Last synced: 20 Feb 2025

https://github.com/yellowflash2041/double-spell

Build a Drum Machine in freeCodeCamp Front End Development Libraries Projects

drum-machine freecodecamp-frontend freecodecamp-project

Last synced: 23 Feb 2025

https://github.com/yellowflash2041/shadow-catch-spell

Build a Markdown Previewer in freeCodeCamp Front End Development Libraries Projects

freecodecamp-frontend freecodecamp-project markdown-previewer

Last synced: 23 Feb 2025

https://github.com/yellowflash2041/weather-control-spell

Build a 25 + 5 Clock in freeCodeCamp Front End Development Libraries Projects

freecodecamp-frontend freecodecamp-project

Last synced: 23 Feb 2025

https://github.com/yellowflash2041/angry-spell

Build a Javascript Calculator in freeCodeCamp Front End Development Libraries Projects

freecodecamp-frontend freecodecamp-project javascript-calculator sakura

Last synced: 23 Feb 2025

https://github.com/waldohidalgo/build-a-tic-tac-toe-game

Challenge Build a Tic Tac Toe Game requisito obligatorio para obtener la Legacy Front End Certification de Freecodecamp

freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-tictactoe nextjs reactjs talwindcss tic-tac-toe

Last synced: 21 Mar 2025

https://github.com/waldohidalgo/portfolio_responsive_web_design_certification

Repositorio con los 15 proyectos guiados más los 5 proyectos originales creados 100% por mí. Además, el repositorio contiene el código del proyecto final: Portfolio Recopilatorio

bootstrap5 freecodecamp freecodecamp-frontend freecodecamp-project front-end-development frontend jquery responsive-web-design scrollreveal-js

Last synced: 21 Mar 2025

https://github.com/karthikyadav-git/fcc-javascript

freeCodeCamp JavaScript Algorithms and Data Structures Certification projects

fcc-certification fcc-frontend freecodecamp freecodecamp-frontend javascript

Last synced: 05 Apr 2025

https://github.com/waldohidalgo/build-a-simon-game

Proyecto Build a Simon Game: último proyecto requisito obligatorio para obtener la Legacy Front End Certification de Freecodecamp

freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project simon-game simongame

Last synced: 21 Mar 2025

https://github.com/waldohidalgo/waldo_25plus5_clock

Repositorio con el código solución al proyecto 5 y último proyecto requisito obligatorio para obtener la Front End Development Libraries Certification de Freecodecamp

25plus5clock freecodecamp freecodecamp-curriculum freecodecamp-frontend freecodecamp-frontendlibraries-project freecodecamp-project frontend-libraries

Last synced: 21 Mar 2025

https://github.com/yashi-singh-1/fcc-forum-leaderboard

Built a dynamic leaderboard displaying the latest topics from the freeCodeCamp forum. This project uses asynchronous JavaScript to fetch and display data, including topic titles, user avatars, and activity metrics.

api async async-fetch async-programming asynchronous-programming dom dom-manipulation fetch freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project frontend javascript js web-developement

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/telephone-number-validator

This project validates US phone numbers in formats such as 555-555-5555 and (555) 555-5555. It ensures the area code is present and, if a country code is included, it must be '1'.

css css3 freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project html html-css html-css-javascript html5 javascript phone-number phone-number-validation telephone-number-validation telephone-numbers

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/palindrome-checker

A palindrome is a word or phrase that can be read the same way forwards and backwards, ignoring punctuation, case and spacing. This project is assigned by freeCodeCamp.

css css3 freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project frontend frontend-development html html-css html-css-javascript html5 javascript javascript-project javascript-projects palindrome palindrome-checker web-development

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/fcc-authors-page

This project is a solution to the freeCodeCamp fCC Author's Page. It involves creating a web page that displays a list of authors, fetching data from an API and allowing users to load more authors by clicking a button. The page showcase author's names, images, and short bios, with a basic error handling.

api api-integration css data-fetching fetch-api freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project frontend html html-css html-css-javascript javascript web-development

Last synced: 24 Feb 2025

https://github.com/yashi-singh-1/spreadsheet

This project creates a simple spreadsheet application that evaluates formulas and performs calculations using JavaScript. Users can input formulas to compute values and use built-in functions like sum, average, and median in a grid-based interface.

css css3 freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project html html-css-javascript html-css-javascript-project html5 javascript javascript-project vanilla-javascript web-development

Last synced: 24 Feb 2025

https://github.com/yubdis/drummachine

Part of the freeCodeCamp.com front-end library certification challenges

bootstrap-5 freecodecamp-challenge freecodecamp-curriculum freecodecamp-frontend javascript

Last synced: 24 Feb 2025

https://github.com/kailoon/25plus5-clock

A simple Pomodoro Clock made using React Hooks.

freecodecamp freecodecamp-frontend hooks javascript react

Last synced: 27 Mar 2025

https://github.com/thekarthikr/responsivewebdesign

The Responsive Web Design course by FreeCodeCamp teaches fundamental principles of creating adaptable web pages. The course covers media queries, flexbox, grid layouts, and includes projects to reinforce learning.

freecodecamp freecodecamp-frontend

Last synced: 05 Apr 2025