👥 My Team

This project is built with React, Vite, and TailwindCSS to deliver a fast and responsive web application with a streamlined development experience.

---

🚀 Live Demo

🔗 View Live

Key Features

• Vite: A fast development build tool with Hot Module Replacement (HMR).
• React: A JavaScript library for building dynamic user interfaces.
• TailwindCSS: A utility-first CSS framework that provides pre-configured styling for rapid UI development.
• Hot Module Replacement (HMR): Enables instant updates without full page reload during development.
• ESLint: Configured for linting JavaScript/JSX files for code quality.

---

Getting Started

Prerequisites

• Node.js (version 14.x or higher)
• npm (version 6.x or higher) or Yarn (optional)

Installation

1. Clone the repository:

   git clone https://github.com/yaxyobekuz/my-team.git
   cd my-team

2. Install dependencies:

   npm install
   # or
   yarn install

Development Server

To start the development server with HMR:

npm run dev
# or
yarn dev

The app will be available at http://localhost:5173 by default.

Build for Production

To create a production build of your app:

npm run build
# or
yarn build

The production-ready files will be in the dist/ directory.

Preview Production Build

To preview the production build locally:

npm run preview
# or
yarn preview

Linting

To lint your files:

npm run lint
# or
yarn lint

---

Project Structure

├── public/              # Public assets (favicon, etc.)
├── src/                 # Source files
│   ├── assets/          # Static assets (images, icons, etc.)
│   ├── components/      # Reusable React components
│   ├── pages/           # Page components
│   ├── layouts/         # Layout components
│   ├── index.css        # Tailwind CSS configuration and global styles
│   ├── App.jsx          # Main app component
│   └── main.jsx         # Entry point for the app
├── postcss.config.js    # PostCSS configuration
├── tailwind.config.js   # TailwindCSS configuration
├── vite.config.js       # Vite configuration
├── index.html           # Main HTML file
└── package.json         # Project metadata and dependencies

---

Customizing TailwindCSS

TailwindCSS is already configured, but you can modify the tailwind.config.js file to extend or customize the theme, such as adding new colors, fonts, or spacing values.

Example:

module.exports = {
  theme: {
    extend: {
      colors: {
        primary: "#014E56",
      },
    },
  },
};

---

Scripts

• dev: Starts the development server with HMR.
• build: Builds the application for production.
• preview: Previews the production build.
• lint: Lints your code with ESLint.

---

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A modern front-end build tool for blazing-fast development.
• TailwindCSS: Utility-first CSS for styling and layout.
• PostCSS: CSS tool for transforming styles with plugins like TailwindCSS.
• ESLint: A tool for identifying and fixing problems in JavaScript code.

---

Learn More

• Vite Documentation
• React Documentation
• TailwindCSS Documentation
• ESLint Documentation

---

📞 Contact

If you have any questions or feedback, feel free to reach out:
📧 Email: info@yaxyobekk.uz
🔗 Website: yaxyobekk.uz