Ring & Rink Website

Summary

Ring & Rink is a front-end web project I built to practice designing and shipping a clean, real-looking website. The focus was making it responsive, easy to navigate, and visually consistent across pages. I used modern React tooling and a component-based approach so the layout and sections are easy to reuse and expand.

Problem / Goal

I wanted to build a realistic website project from scratch to improve my front-end skills, especially layout, responsiveness, and organizing a project like something I’d actually ship.

What Was Built

-Multi-page site with a consistent layout and navigation -Responsive design for mobile + desktop -Reusable UI components (buttons, cards, sections)

Tools / Stack

Challenges

-Getting spacing and responsiveness to feel right on every screen size -Keeping the design consistent while building multiple pages -Organizing components so the project stays easy to work on

What Was Learned

I got better at building clean layouts with Tailwind, breaking a UI into reusable components, and structuring a React project so it scales. I also learned how small details like spacing, hierarchy, and consistent components make a site feel way more professional.