Crafty Cottage.

One of my first web projects: a concept site for a fictional craft shop built in a course using plain HTML, CSS, and JavaScript.

Timeline
Spring 2023 — early web coursework project
Role
Solo build — structure, styling, and front-end scripting
Stack
HTML · CSS · JavaScript (no framework)
The Crafty Cottage home page: navigation, hero imagery, and welcome headline

Concept and Direction

The concept was a small craft shop website where users could browse products, view activities/events, and follow a simple shopping flow. Early planning focused on making page structure and navigation understandable before visual polish.

What I Learned

This project was foundational for learning front-end layout and structure. Most of the growth came from building pages by hand and understanding how pieces connect without framework abstractions.

The biggest technical takeaway was learning Flexbox and responsive layout behavior, then applying those patterns consistently across multiple pages.

Implementation Highlights

Multi-page IA

Built separate pages for home, events, activities, and shop to practice clear navigation between sections.

Flexbox layouts

Used Flexbox for card rows, content grouping, and section alignment across different screen sizes.

Plain JS interactions

Added lightweight JavaScript behaviors as part of learning core front-end fundamentals without a framework.

Explore

All projects

Return to the homepage grid to browse every case study and link.