Team Blaze Website

Finishh A modern, responsive website for Team Blaze showcasing our AI & Full-Stack development services, team members, and past projects.

🔥 Live Demo

Visit our website: https://team-4blaze.github.io/Website/

🚀 Technologies Used

• React 18.3.1
• TypeScript
• Vite
• React Router 6.23.1
• Framer Motion
• Tailwind CSS
• tsParticles
• Lucide Icons

✨ Features

• Dark/Light Mode
• Animated UI components with Framer Motion
• Responsive design for all devices
• Interactive particle backgrounds
• SEO optimized
• Fast loading and performance
• Accessible design

📂 Project Structure

/
├── .github/workflows/     # CI/CD workflows for GitHub Actions
├── public/                # Static assets
├── src/
│   ├── components/        # Reusable UI components
│   ├── context/           # React Context providers
│   ├── data/              # Static data files
│   ├── pages/             # Page components
│   ├── App.tsx            # Main app component
│   ├── index.css          # Global styles
│   └── main.tsx           # Entry point
├── designs/               # Design documentation
└── memory-bank/           # Project context and requirements

🛠️ Development

Prerequisites

• Node.js 18+
• npm or yarn

Setup and Run

1. Clone the repository

   git clone https://github.com/Team-4Blaze/Website.git
   cd Website

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open http://localhost:3004 to view it in the browser

Build

npm run build

🚢 Deployment

The website is automatically deployed to GitHub Pages when changes are pushed to the main branch. For manual deployment:

1. Build the project

   npm run build

2. Push to GitHub

   git push origin main

3. GitHub Actions will automatically deploy the site

🔧 Configuration

• vite.config.ts - Vite configuration
• tailwind.config.js - Tailwind CSS configuration
• .github/workflows/deploy.yml - GitHub Actions deployment workflow

📝 License

MIT

👥 Contributors

• Team Blaze Development Team