The central hub for my web development projects. This repository hosts my personal portfolio website, serving as a gateway to my applications and technical case studies.
This portfolio was designed to be a lightweight, high-performance landing page. Unlike heavy framework-based portfolios, this is built with Semantic HTML5 and Modern CSS3, ensuring it loads instantly on any device and achieves a 100/100 Lighthouse performance score.
- CSS Grid & Flexbox: For a responsive, tile-based layout that adapts from mobile to desktop.
- CSS Variables: To manage the color system and enable the Dark/Light mode theme toggle.
- Vanilla JavaScript: For DOM manipulation (theme switching) without external dependencies.
- Semantic HTML: Accessible structure (nav, main, section, footer) for better SEO and screen reader support.
This portfolio links to four distinct web applications, each demonstrating specific JavaScript competencies:
| Project | Key Concepts | Repo Link |
|---|---|---|
| Health Dashboard | Regex Validation, Dynamic Forms, Math Logic | View Code |
| RPG Battle Engine | Game Logic, State Management, XP Systems | View Code |
| TaskMaster | CRUD Operations, LocalStorage, Modal Dialogs | View Code |
| Narrative Engine | DOM Injection, Template Literals, CSS Grid | View Code |
- 🌗 Dark/Light Mode: Persists user preference via LocalStorage.
- 📱 Fully Responsive: "Mobile-First" design philosophy.
- ⚡ Zero Bloat: No frameworks, no build steps—just raw, efficient code.
© 2026 Junot Fras. Built as part of the freeCodeCamp Front End Development curriculum.