https://github.com/bola-nabil/freecodecamp
As I progressed through the freeCodeCamp curriculum, I built multiple front-end and full-stack projects to apply the concepts I learned
https://github.com/bola-nabil/freecodecamp
api css css3 html html5 javascript javascript-applications responsive-design responsive-layout responsive-web-design webdesign
Last synced: 4 months ago
JSON representation
As I progressed through the freeCodeCamp curriculum, I built multiple front-end and full-stack projects to apply the concepts I learned
- Host: GitHub
- URL: https://github.com/bola-nabil/freecodecamp
- Owner: bola-nabil
- Created: 2024-12-29T12:22:51.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-10-02T15:11:57.000Z (9 months ago)
- Last Synced: 2025-10-02T15:26:49.891Z (9 months ago)
- Topics: api, css, css3, html, html5, javascript, javascript-applications, responsive-design, responsive-layout, responsive-web-design, webdesign
- Language: HTML
- Homepage:
- Size: 58.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📚 freeCodeCamp Projects & Challenges
As I progressed through the **freeCodeCamp curriculum**, I built multiple front-end and full-stack projects to apply the concepts I learned. These include responsive layouts, interactive components, React state management, APIs, and more. This repo is a showcase of those builds, reflecting my growth and skills.
---
## 📂 Projects & Challenges
Here are some example projects / sections you might include (you should list the ones you actually built):
- **Responsive Web Design Certification** – Tribute Page, Survey Form, Portfolio Page
- **JavaScript Algorithms & Data Structures** – Palindrome Checker, Roman Numerals Converter, Caesar Cipher
- **Front End Libraries** – Random Quote Machine, Markdown Previewer, Drum Machine, JavaScript Calculator
- **Data Visualization** – Bar Chart, Scatterplot, Heat Map
- **Back End Development & APIs** – URL Shortener, Exercise Tracker
- **Quality Assurance / Testing** – Metric-Imperial Converter, Issue Tracker
You can organize them by certification, folder name, or difficulty.
---
## 🛠Tech Stack
- **HTML5 & CSS3 / Sass (SCSS)** – building structure and styling
- **JavaScript (ES6+) / React** – interactive logic and UI rendering
- **APIs & Fetch / Axios** – for dynamic data features
- **Git & GitHub** – version control and hosting
---
## 🚀 How to Run / Use
1. Clone the repo:
```
git clone https://github.com/bola-nabil/freeCodeCamp.git
```
---
## 📈 Roadmap / Future Improvements
- Add project descriptions with objectives and learning outcomes
- Write technical explanations / commentary for each project
- Include screenshots / GIFs / demos in each project folder
- Add unit tests / test suites where applicable
- Optimize performance (minification, lazy loading, bundling)
- Improve accessibility (keyboard navigation, ARIA, contrast)
---
## 👤 Author
**Bola Nabil**