#!/bin/bash

# Create React app using Vite
npm create vite@latest frontend -- --template react

# Navigate to frontend directory
cd frontend

# Install core dependencies
npm install \
  react-router-dom \
  @reduxjs/toolkit \
  react-redux \
  @tanstack/react-query \
  @tanstack/react-query-devtools \
  axios \
  @mui/material \
  @mui/icons-material \
  @emotion/react \
  @emotion/styled \
  @fontsource/roboto

# Install dev dependencies
npm install -D \
  @types/react \
  @types/react-dom \
  @vitejs/plugin-react \
  sass

# Create frontend project structure
mkdir -p src/{assets,components,features,hooks,layouts,pages,services,store,theme,utils}

echo "Frontend project setup complete!"