freecodecamp-frontend

There are 315 repositories under freecodecamp-frontend topic.

  • smthari/Freecodecamp-responsive-web-design-projects

    Freecodecamp-responsive-web-design-projects solution github

    Language:HTML313011
  • ar5had/freecodecamp-projects

    2000+ hrs work of web development and 30+ web projects(front-end, data-visualization and full-stack projects)

    Language:JavaScript19308
  • formidablae/freeCodeCamp

    Code from exercises and projects submitted in freeCodeCamp

    Language:HTML161985
  • milsaware/freeCodeCamp

    Tasks as set by freeCodeCamp

    Language:HTML1010
  • mithhu/react-freecodecamp

    Solution of freecodecamp's react part

  • Shubham-Lal/freeCodeCamp-Solutions

    All my freeCodeCamp solved questions

    Language:JavaScript10304
  • Mohmmad-amir/FreeCodeCamp-solutions

    This is free code camp solutions project for the free code camp beginners.

    Language:JavaScript5100
  • 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).

    Language:JavaScript4100
  • jinudaniel/fcc-responsive-web-projects

    freeCodeCamp Responsive Web Design projects

    Language:HTML3002
  • aravindvnair99/freeCodeCamp-Solutions

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

    Language:HTML210
  • gbgabiola/the-bible

    The Bible tribute page as a freeCodeCamp's Responsive Web Design Track Project, where I show some information about the bible.

    Language:HTML220
  • gurugu-fcc-projects/FCC_calculator

    FreeCodeCamp --- JavaScript Calculator

    Language:JavaScript2101
  • luisangelmaciel/freecodecamp

    Responsive Web Design Projects. (1) Las transformaciones de Vegeta.

    Language:HTML2101
  • Maunducyrus/Magazine

    Building Magazine using HTML and CSS

    Language:HTML210
  • oguzhanslmtemiz/fcc-react-projects

    React.js based solutions for freeCodeCamp Front End Development Libraries Projects

    Language:JavaScript2100
  • techieeliot/markdown-editor

    A Markdown Editor created by Eliot Sanford created as one of five projects for the freeCodeCamp Front-End Library Certification.

    Language:JavaScript2282
  • techieeliot/random-quote-machine

    A random quote machine created by Eliot Sanford created using React.js Hooks, styled-components, Font Awesome, mobile-first responsive design, and deployed on netlify as one of five projects for the freeCodeCamp Front-End Library Certification.

    Language:JavaScript20120
  • bola-nabil/clock

    This project is a Pomodoro-style productivity app inspired by Pomofocus It helps users manage time effectivelyFeatures using the Pomodoro Technique — breaking work into focused intervals (usually 25 minutes) followed by short breaks.

    Language:JavaScript1
  • 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.

    Language:HTML110
  • 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.

    Language:CSS110
  • DrAcula27/freeCodeCamp_responsiveWebDesign_colorMarkers

    Selecting the correct colors for your webpage can greatly improve the aesthetic appeal to your readers. In this course, you'll build a set of colored markers. You'll learn different ways to set color values and how to pair colors with each other.

    Language:CSS110
  • 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.

    Language:HTML110
  • DrAcula27/freeCodeCamp_responsiveWebDesign_photoGallery

    Flexbox helps you design your webpage so that it looks good on any screen size. In this course, you'll use Flexbox to build a responsive photo gallery webpage.

    Language:HTML110
  • 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.

    Language:HTML110
  • 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.

    Language:HTML110
  • DrAcula27/freeCodeCamp_responsiveWebDesign_rothkoPainting

    Every HTML element is its own box – with its own spacing and a border. This is called the Box Model. In this course, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces.

    Language:CSS110
  • 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.

    Language:HTML110
  • 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.

    Language:CSS110
  • 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!

    Language:JavaScript1100
  • reyrove/fcc-projects

    A collection of my FreeCodeCamp projects, showcasing my journey from newbie to coding ninja. 🚀✨ From front-end magic to back-end wizardry, it's all in here. Check it out and watch me level up! 😎💻

    Language:JavaScript1
  • Rithik149/drum-machine

    🥁 Drum Machine – React + Vite A simple and responsive Drum Machine built using React and Vite. Users can click or tap on drum pads to play different sound samples. The interface includes a power toggle and a display that shows the currently played sound key.

    Language:JavaScript1
  • Rithik149/Markdown-Preview-ReactJS

    The Markdown Previewer project is a web-based application that allows users to write and preview Markdown text in real-time. This tool is particularly useful for writers, bloggers, and developers

    Language:JavaScript1
  • Rithik149/pomodoro-timer

    🕒 A React-based Pomodoro Clock inspired by freeCodeCamp. Features customizable session and break lengths, real-time countdown, and phase switching between work and rest. Built to practice React hooks like useState, useEffect, and useRef.

    Language:JavaScript1
  • Rithik149/Random-Quote-ReactJS

    The Random Quote Generator is an engaging web application that provides users with a collection of inspirational, motivational, and thought-provoking quotes. Users can refresh the page or click a button to receive a new quote each time, making it a delightful and uplifting experience.

    Language:JavaScript1
  • Rithik149/React-Calculator

    This is a simple calculator app built with React and Vite, inspired by the FreeCodeCamp JavaScript Calculator project. It supports basic arithmetic operations like addition, subtraction, multiplication, and division, and updates the display in real time.

    Language:JavaScript1