SoCal Mist Website

A modern, responsive website for SoCal MIST — built for speed, style, and usability.

---

📌 Table of Contents

• Overview
• Technologies Used
• Installation
• Usage
• Deployment

---

🌐 Overview

This repository contains the source code for the SoCal Mist Website, built to represent the energy and creativity of the SoCal MIST tournament. It features a clean, dynamic UI with smooth animations and responsive design — ensuring participants and visitors enjoy a fast, accessible experience across devices.

---

⚙️ Technologies Used

• React – Frontend library for building UI components
• Vite – Lightning-fast development environment and bundler
• Tailwind CSS – Utility-first CSS framework
• DaisyUI – Tailwind component library for styled components
• GitHub Pages – Static site hosting
• GitHub Actions – Automated deployment on push

---

📦 Installation

1. Clone the Repository

git clone https://github.com/your-username/SoCal-Mist-Website.git
cd SoCal-Mist-Website

2. Install Dependencies

Using npm:

npm install

Or with Yarn:

yarn

---

🚧 Usage

Development

Run the development server with hot reloading:

npm run dev

Then visit: http://localhost:5173

Production Build

To generate a production-ready build:

npm run build

This outputs the final files in the dist/ directory.

---

🚀 Deployment

This project uses GitHub Actions to deploy automatically to GitHub Pages on push.

If you'd like to deploy manually, use:

npm run deploy

This will:

• Build the site (npm run build)
• Push the contents of the dist folder to the gh-pages branch

Deployment now happens automatically when you git push to main.

---

🪪 License

MIT License © 2025 SoCal MIST Team

---