🗂️ Projects-Hub - KeeDan204

ℹ️ What Is This Hub?

This Projects Hub showcases my journey as a self-taught full stack developer. It serves as a central repository for all of my web development projects. The hub is continuously evolving and will be updated regularly as new projects are completed and deployed.

📚 Projects Directory

Directions: Click to see my projects

🎨 HTML + CSS PROJECTS

Project	Preview	Links
1. SheCodes Project		🌐 | 💻
» SheCodes Basics - Build My First Landing Page		🌐 | 💻
2. freeCodeCamp Projects		🌐 | 💻
» Build A Cat Photo App		🌐 | 💻
» Build A Cat Blog Page		🌐 | 💻
» Build A Hotel Feedback Form		🌐 | 💻
» Design A Cafe Menu		🌐 | 💻
» Design a Greeting Card		🌐 | 💻
» Build a Set of Colored Markers		🌐 | 💻
» Design a Registration Form		🌐 | 💻
» Build a Game Settings Panel		🌐 | 💻
» Build a Rothko Painting		🌐 | 💻
» CSS Flexbox Photo Gallery		🌐 | 💻
» Build a Nutritional Label		🌐 | 💻
» Build a Quiz Webpage		🌐 | 💻
» Build a Cat Painting		🌐 | 💻
» Build a Balance Sheet		🌐 | 💻
» Design a Piano		🌐 | 💻
» Build a Technical Documentation Page		🌐 | 💻
» Build a City Skyline		🌐 | 💻
» Build an Availability Table		🌐 | 💻
» Build a Magazine		🌐 | 💻
» Design a Newspaper Layout		🌐 | 💻
» Product Landing Page		🌐 | 💻

🚀 HTML + CSS + JAVASCRIPT PROJECTS

Project	Preview	Links
1. SheCodes Projects		🌐 | 💻
» SheCodes Basics Add-On - Build My Hobby Page		🌐 | 💻
» SheCodes Plus - Weather project (Vanilla JS)		🌐 | 💻
» SheCodes Plus - AI Love Poem Generator		🌐 | 💻
» SheCodes Plus Add-On - World Clock		🌐 | 💻
2. freeCodeCamp Projects		🌐 | 💻
» Coming soon		🌐 | 💻

🧬REACT PROJECTS

Project	Preview	Links
1. SheCodes Projects		🌐 | 💻
» SheCodes React - Weather App		🌐 | 💻
» SheCodes React Add-On - Dictionary App		🌐 | 💻
2. freeCodeCamp Projects		🌐 | 💻
» Coming soon		🌐 | 💻

🐍PYTHON PROJECTS

Project	Preview	Links
1. SheCodes Projects		🌐 | 💻
» SheCodes Python Basics		🌐 | 💻
» SheCodes Python AI		🌐 | 💻
» SheCodes Python Advanced		🌐 | 💻
2. freeCodeCamp Projects		🌐 | 💻
» Coming soon		🌐 | 💻
3. Freelance Projects		🌐 | 💻
» Interactive Python App for Black Hair Care Routines		🌐 | 💻

🦘RESPONSIVE WEB DESIGNS

Project	Preview	Links
1. SheCodes Projects		🌐 | 💻
» SheCodes Responsive		🌐 | 💻
» SheCodes Responsive Add-On		🌐 | 💻

🔙BACKEND JAVASCRIPT

Project	Preview	Links
1. freeCodeCamp Projects		🌐 | 💻
» Coming Soon		🌐 | 💻

🐚BASH & SQL

Project	Preview	Links
1. freeCodeCamp Projects		🌐 | 💻
» Coming Soon		🌐 | 💻

📈 Current & Future Goals

🔹 Current Focus

I am transitioning from a leadership role in health services to pursue a career in tech, where I can combine my domain expertise with my growing technical skill set. My goal is to move into one (or more) of the following roles:

• Clinical Solutions Developer
• Tech Strategist for Public Health Innovation Hubs
• Healthcare Data Visualization Engineer

To achieve this, I am currently focused on:

• Landing my first junior developer role to deepen my real-world experience
• Contributing to open-source projects and exploring freelance opportunities
• Building web applications that address real-world problems
• Improving performance, accessibility, and responsiveness in everything I build
• Staying current with the latest frontend technologies, tools, and best practices

🔹 Future Goals

As I gain experience and expand my technical foundation, I aim to grow into advanced roles in cybersecurity, AI, systems design, and cloud architecture—with the overarching goal of driving innovation and building secure, scalable digital solutions for the healthcare and public health sectors.

🛠️ Tech & Tools Used So Far

• HTML5, CSS3, JavaScript (front & backend)
• Visual Studio Code (IDE)
• CodePen (online code editor)
• Git & GitHub (CLI + Desktop)
• Netlify (site deployment)
• Bootstrap (CSS Framework for developing responsive and mobile-first websites)
• Node.js (write command line tools and server-side scripting)
• Python & Object-Oriented Programming (file/data manipulation, data manipulation/structure)
• React & API (building connections between programs)
• Markdown (project documentation)
• PerfectPixel (image-to-code)
• Google Lighthouse (performance and accessibility evaluation)
• Google Colab (write and execute Python in browser)
• Replit (online coding environment)
• Code Sandbox (development environment)
• Slack (cloud-based team communication platform)
• Miro (wireframing the skeletal framework of websites)

👩🏾💻 Author

KeeDan204 — Junior Developer (recent grad)

🗓️ Date: October 2025

“I started this journey armed with nothing but the HTML I used to hack my MySpace profile in 1999. These days, I build, deploy, and debug full-stack web apps that do a lot more than autoplay R&B slow jams with a pixelated background stretched to infinity.”