This Projects Hub centralizes my web applications as a self-taught full stack developer. Each project is fully documented and deployed live.
The hub evolves as I continue shipping new work.
Directions: Click to see my projects
HTML PROJECTS
| Project | Preview | Links |
|---|---|---|
| 1. Beginner Portfolio Website |  |
🌐 | 💻 |
| » Recipe Page |  |
🌐 | 💻 |
| » Table Tennis Page |  |
🌐 | 💻 |
| » HTML Forms |  |
🌐 | 💻 |
| 2. FreeCodeCamp Projects |  |
🌐 | 💻 |
| » Book Catalog Table |  |
🌐 | 💻 |
| » Checkout Page |  |
🌐 | 💻 |
| » Event Hub Page |  |
🌐 | 💻 |
| » Movie Review Page |  |
🌐 | 💻 |
| » Recipe Page |  |
🌐 | 💻 |
| » Survey Form |  |
🌐 | 💻 |
| » Travel Agency Page |  |
🌐 | 💻 |
| » Video Compilation Page |  |
🌐 | 💻 |
| 3. The Little Taco Shop Website |  |
🌐 | 💻 |
HTML + CSS PROJECTS
| Project | Preview | Links |
|---|---|---|
| 1. The Little Taco Shop Website v2 |  |
🌐 | 💻 |
| 2. Living the Simple Life |  |
🌐 | 💻 |
| 3. Chris Courses Learning Platform |  |
🌐 | 💻 |
| 4. YouTube Clone Website |  |
🌐 | 💻 |
| 5. Simple Landing Page |  |
🌐 | 💻 |
| 6. W3Schools Projects |  |
🌐 | 💻 |
| 7. FreeCodeCamp Projects |  |
🌐 | 💻 |
| » Availability Table |  |
🌐 | 💻 |
| » Blog Post Card |  |
🌐 | 💻 |
| » Book Inventory App |  |
🌐 | 💻 |
| » Business Card |  |
🌐 | 💻 |
| » Confidential Email Page |  |
🌐 | 💻 |
| » Contact Form |  |
🌐 | 💻 |
| » Event Flyer Page |  |
🌐 | 💻 |
| » House Painting |  |
🌐 | 💻 |
| » Job Application Form |  |
🌐 | 💻 |
| » Magazine Layout |  |
🌐 | 💻 |
| » Moon Orbit |  |
🌐 | 💻 |
| » Newspaper Article |  |
🌐 | 💻 |
| » Page of Playing Cards |  |
🌐 | 💻 |
| » Personal Portfolio |  |
🌐 | 💻 |
| » Product Landing Page |  |
🌐 | 💻 |
| » Set of Colored Boxes |  |
🌐 | 💻 |
| » Stylized To-Do List |  |
🌐 | 💻 |
| » Technical Documentation Page |  |
🌐 | 💻 |
| » Tribute Page |  |
🌐 | 💻 |
| 8. Frontend Mentor Projects | ||
| » Simple Omelette Recipe |  |
🌐 | 💻 |
| » QR Code Component |  |
🌐 | 💻 |
| » Blog Preview Card |  |
🌐 | 💻 |
| » Social Links Profile |  |
🌐 | 💻 |
| » Product Preview Card |  |
🌐 | 💻 |
| » Four-Card Feature Section |  |
🌐 | 💻 |
| » Testimonials Grid Section |  |
🌐 | 💻 |
| » Results Summary Component |  |
🌐 | 💻 |
| » NFT Preview Card Component |  |
🌐 | 💻 |
| » Order Summary Component |  |
🌐 | 💻 |
| » Stats Preview Card Component |  |
🌐 | 💻 |
| » 3-Column Preview Card Component |  |
🌐 | 💻 |
| » Profile Card Component |  |
🌐 | 💻 |
| » Social Proof Section |  |
🌐 | 💻 |
| » Single Price Grid Component |  |
🌐 | 💻 |
| » Huddle Landing Page |  |
🌐 | 💻 |
| » Bento Grid |  |
🌐 | 💻 |
| » Fylo Data Storage Component |  |
🌐 | 💻 |
| » Clipboard Landing Page |  |
🌐 | 💻 |
| » Chat App CSS Illustration |  |
🌐 | 💻 |
HTML + CSS + JAVASCRIPT PROJECTS
| Project | Preview | Links |
|---|---|---|
| 1. Conquering Responsive Layouts |  |
🌐 | 💻 |
| 2. W3Schools JS Tutorial Clone Site |  |
🌐 | 💻 |
| 3. FreeCodeCamp Projects | ||
| » JS Trivia Bot |  |
🌐 | 💻 |
| » Veil and Visions |  |
🌐 | 💻 |
| » No One Asked |  |
🌐 | 💻 |
| » RainDrop |  |
🌐 | 💻 |
| 4. Frontend Mentor Projects | ||
| » FAQ Accordion |  |
🌐 | 💻 |
| » Interactive Rating Component |  |
🌐 | 💻 |
| » Article Preview Component |  |
🌐 | 💻 |
| » Newsletter Sign-Up Form |  |
🌐 | 💻 |
| » Shortly - URL Shortener |  |
🌐 | 💻 |
| 5. Wes Bos #JavaScript30 Projects | ||
| » Keyboard Warrior |  |
🌐 | 💻 |
| » TickTock |  |
🌐 | 💻 |
NEXT.JS + REACT + TAILWIND + TYPESCRIPT PROJECTS
| Project | Preview | Links |
|---|---|---|
| 1. Frontend Mentor Projects | ||
| » Base Apparel |  |
🌐 | 💻 |
| » Browser Extension Manager |  |
🌐 | 💻 |
| » Where in the World |  |
🌐 | 💻 |
| 2. Elmar Chavez |  |
🌐 | 💻 |
Libraries & Frameworks:
Core Technologies:
Backend & Databases:
Tooling & Testing:
Platforms & Deployment:
Code Quality & CI/CD:
Elmar Chavez (CodingWithJiro) - Full Stack Developer
Last updated: September 2026