Spruce Street

Web page for a local plant store.

Link to project: https://spruce-street.netlify.app

How It's Made:

Tech used: React, TypeScript, Tailwind

Optimizations

The project features a fluid type scale and fluid space scale, optimizing typography and spacing according to viewport width. As the viewport expands, font sizes and spacing increase to maximize space utilization, while they decrease as the viewport narrows, ensuring readability and aesthetics across diverse devices.

How to Run:

1. Fork the repository

2. In the project root directory. Enter these commands: npm install to install dependencies, and then npm run dev to start the local dev server

3. Once running, open your browser and navigate to http://localhost:3000