TecbWeb

A modern web application built with React, Vite, and Tailwind CSS.

🚀 Tech Stack

• React 19 - A JavaScript library for building user interfaces
• Vite 6 - Next generation frontend tooling for fast development
• Tailwind CSS 3 - A utility-first CSS framework
• React Router DOM 7 - Declarative routing for React applications
• React Icons - Popular icons as React components
• ESLint - Code linting for consistent code quality

📁 Project Structure

tecbweb/
├── public/           # Static assets
├── src/
│   ├── assets/       # Project assets (images, fonts, etc.)
│   ├── components/   # Reusable React components
│   ├── pages/        # Page components
│   ├── App.jsx       # Main application component
│   ├── App.css       # Application styles
│   ├── main.jsx      # Application entry point
│   ├── index.css     # Global styles with Tailwind directives
│   └── style.css     # Additional styles
├── index.html        # HTML entry point
├── package.json      # Project dependencies and scripts
├── vite.config.js    # Vite configuration
├── tailwind. config.js # Tailwind CSS configuration
├── postcss.config.js # PostCSS configuration
└── eslint.config.js  # ESLint configuration

📋 Prerequisites

• Node.js (v18 or higher recommended)
• npm or yarn package manager

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/awhyshll/tecbweb.git
   cd tecbweb

2. Install dependencies:

   npm install

🚀 Usage

Development Server

Start the development server with hot-reload:

npm run dev

The application will be available at http://localhost:5173

Build for Production

Create an optimized production build:

npm run build

Preview Production Build

Preview the production build locally:

npm run preview

Lint Code

Run ESLint to check for code issues:

npm run lint

📦 Dependencies

Production

Package	Version	Description
react	^19.0.0	React library
react-dom	^19.0.0	React DOM rendering
react-icons	^5.5.0	Icon components
react-router-dom	^7.5.1	Routing library

Development

Package	Version	Description
vite	^6.3.0	Build tool
tailwindcss	^3.4.17	CSS framework
eslint	^9.22.0	Code linter
@vitejs/plugin-react-swc	^3.8.0	React plugin with SWC

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is open source and available under the MIT License.

👤 Author

• GitHub: @awhyshll

⭐ Show Your Support

Give a ⭐️ if you like this project!