https://github.com/kaningleb/freecodecamp-certification

https://github.com/kaningleb/freecodecamp-certification

bootstrap class-based-react css d3 fcc fcc-certification freecodecamp freecodecamp-challenge freecodecamp-frontend freecodecamp-project html javascript jquery marked react redux redux-thunk sass

Last synced: 6 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kaningleb/freecodecamp-certification
• Owner: KaninGleb
• Created: 2025-02-07T22:02:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2026-02-12T21:10:01.000Z (4 months ago)
• Last Synced: 2026-02-13T05:42:24.423Z (4 months ago)
• Topics: bootstrap, class-based-react, css, d3, fcc, fcc-certification, freecodecamp, freecodecamp-challenge, freecodecamp-frontend, freecodecamp-project, html, javascript, jquery, marked, react, redux, redux-thunk, sass
• Language: JavaScript
• Homepage:
• Size: 2.19 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# :tada: FreeCodeCamp Projects

Welcome to my repository dedicated to completing tasks on FreeCodeCamp and earning certifications! Here you'll find various projects showcasing my skills in HTML, CSS, and JavaScript.

## :link: Project Links:

   
:globe_with_meridians: $\textsf{\color{#ffcc00}{HTML and CSS Projects}}$


   

      
:trophy: View Certificate

   

   

   ![Responsive Web Design Certificate](assets/certificates/Responsive-Web-Design/Responsive-Web-Design.png)  

   ### 📥 Download the Responsive Web Design Certificate - [Click here to download](assets/certificates/Responsive-Web-Design/Responsive-Web-Design.pdf)

   


   

1. **Cat Photo App** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-1/01-Cat-Photo-App)

2. **Cafe Menu** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-1/02-Cafe-Menu)

3. **Set of Colored Markers** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-1/03-Set-of-Colored-Markers)

4. **Registration Form** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-1/04-Registration-Form)

5. **Survey Form** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-1/05-Survey-form-Certification-Project/) 

6. **Rothko Painting** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-2/01-Rothko-Painting/)

7. **Photo Gallery** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-2/02-Photo-Gallery/)

   

8. **Nutrition Label** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-2/03-Nutrition-Label/)

9. **Quiz** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-2/04-Quiz/)

10. **Martin Fowler's - Tribute Page** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-2/05-Tribute-Page/)

11. **Balance Sheet** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-3/01-Balance-Sheet/)

12. **Cat Painting** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-3/02-Cat-Painting/)

13. **Piano** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-3/03-Piano/)

14. **Technical Documentation Page** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-3/04-Technical-Documentation-Page/)

15. **City Skyline** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-4/01-City-Skyline/)

16. **Magazine Page** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-4/02-Magazine-Page/)

17. **Product Landing Page** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-4/03-Product-Landing-Page/)

18. **Ferris Wheel** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-5/01-Ferris-Wheel/)

19. **Penguin** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-5/02-Penguin/)

20. **Portfolio Webpage** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/01-Responsive-Web-Design/Part-5/03-Portfolio-Webpage/) / [View my current Portfolio](https://super-portfolio-tau.vercel.app/#/) 

   
:computer: $\textsf{\color{#ffcc00}{JavaScript Projects}}$


1. **Pyramid Generator** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/01-Pyramid-Generator)

2. **Gradebook App** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/02-Gradebook-App)

3. **Role Playing Game** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/03-Role-Playing-Game)

4. **Random Background Color Changer** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/04-Random-Background-Color-Changer)

5. **Calorie Counter** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/05-Calorie-Counter)

6. **Rock, Paper, Scissors Game** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/06-Rock-Paper-Scissors-Game)

7. **Music Player** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-1/07-Music-Player)

9. **Date Formatter** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-2/01-Date-Formatter)

10. **Football Team Cards** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-2/02-Football-Team-Cards)

11. **Todo App** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-2/03-Todo-App)

11. **Number Sorter** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-3/02-Number-Sorter)

12. **Statistics Calculator** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-3/03-Statistics-Calculator)

13. **Spreadsheet** 


    [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-3/04-Spreadsheet)

25. **RPG Creature Search App Project** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/02-JavaScript-Algorithms-and-Data-Structures/Part-5/03-RPG-Creature-Search-App-Project)

   
:atom_symbol: $\textsf{\color{#ffcc00}{Front End Development Libraries}}$


   

      
:trophy: View Certificate

   

   

   ![Front End Development Libraries Certificate](assets/certificates/Front-End-Development-Libraries/Front-End-Development-Libraries.png)  

   ### 📥 Download the Front End Development Libraries Certificate - [Click here to download](assets/certificates/Front-End-Development-Libraries/Front-End-Development-Libraries.pdf)

   


1. **Cat Photo App - with Bootstrap** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/03-Front-End-Development-Libraries/01-Bootstrap/01-CatPhotoApp)

2. **jQuery Playground** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/03-Front-End-Development-Libraries/02-jQuery/01-jQuery-Playground)

3. **Syntactically Awesome StyleSheets trainings - with SASS** 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/03-Front-End-Development-Libraries/03-SASS/SASS-Trainings)

4. **Class based React Trainings** 


   [View Code](https://github.com/KaninGleb/FreeCodeCamp-Certification/tree/main/03-Front-End-Development-Libraries/04-Class-based-React-and-Redux/src/Class-based-React-Trainings)

5. **Redux Trainings** 


   [View Code](https://github.com/KaninGleb/FreeCodeCamp-Certification/tree/main/03-Front-End-Development-Libraries/04-Class-based-React-and-Redux/src/Redux-Trainings)

6. **Random Quote Machine** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://random-quote-machine-lovat-mu.vercel.app/) / [View Repository](https://github.com/KaninGleb/Random-Quote-Machine)

7. **Markdown Previewer** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://markdown-previewer-ebon-tau.vercel.app/) / [View Repository](https://github.com/KaninGleb/Markdown-Previewer)

8. **Drum Machine** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://drum-machine-flax-three.vercel.app/) / [View Repository](https://github.com/KaninGleb/Drum-Machine)

9. **Calculator** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://calculator-on-react-five.vercel.app/) / [View Repository](https://github.com/KaninGleb/Calculator-on-React)

10. **Pomodoro Clock** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://25-plus-5-clock-chi.vercel.app/) / [View Repository](https://github.com/KaninGleb/Pomodoro-Clock)

   

   
:bar_chart: $\textsf{\color{#ffcc00}{Data Visualization Projects}}$


   

   

      
:trophy: View Certificate

   

   

   ![Visualization Certificate](assets/certificates/Data-Visualization/Data-Visualization.png)  

   ### 📥 Download the Data Visualization Certificate - [Click here to download](assets/certificates/Data-Visualization/Data-Visualization.pdf)

   


   

1. **Visualize Data with a Bar Chart** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/04-Data-Visualization-Projects/01-Visualize-Data-with-a-Bar-Chart)

2. **Visualize Data with a Scatterplot Graph** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/04-Data-Visualization-Projects/02-Visualize-Data-with-a-Scatterplot-Graph)

3. **Visualize Data with a Heat Map** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/04-Data-Visualization-Projects/03-Visualize-Data-with-a-Heat-Map)

4. **Visualize Data with a Choropleth Map** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/04-Data-Visualization-Projects/04-Visualize-Data-with-a-Choropleth-Map)

5. **Visualize Data with a Treemap Diagram** - $${\color{lightgreen}✨Certification \space project✨}$$ 


   [View Project](https://kaningleb.github.io/FreeCodeCamp-Certification/04-Data-Visualization-Projects/05-Visualize-Data-with-a-Treemap-Diagram)

   

### :books: Description

This repository showcases my learning journey through FreeCodeCamp, featuring a variety of projects that highlight different facets of web development. Each project emphasizes essential skills, from crafting responsive layouts with HTML and CSS to implementing dynamic interactivity with JavaScript. Dive in to explore how I've developed my abilities and gained practical experience in creating functional and visually appealing web applications.