About This Project
Modern web development made efficient and organized
Project Overview
This mini-site demonstrates modern web development practices using a streamlined workflow and component-based styling.
My Approach
I've built this site using:
- Semantic HTML5 structure for better accessibility and SEO
- SASS with the 7-1 architecture pattern for organized, maintainable CSS
- Component-based design for reusable UI elements
- Modern color system using OKLch for more vibrant colors
- Dark theme with turquoise accents for contemporary appeal
SASS 7-1 Architecture
This project implements the popular SASS 7-1 architecture pattern, organizing styles into 7 folders for abstracts, base, components, layout, pages, themes, and vendors, with 1 main file that imports everything. This structure makes the codebase more maintainable and easier to navigate. Although I am not currently using themes or vendors.
My Color System
Primary
Secondary
Accent
Neutral
Background
Technologies Used
- HTML5
- SASS/SCSS
- OKLch Color Model
- CSS Custom Properties
- GitHub & Netlify Deployment