Ommé

A modern e-commerce web application built with React, TypeScript, Vite, and TailwindCSS. This project is a clothing store, featuring a responsive design, product filtering, sorting, and pagination.

Features

• Product Listing: Displays products in grid or list view.
• Product Filters: Filter products by type, color, size, and price.
• Sorting: Sort products by popularity, newest, or price.
• Pagination: Navigate through multiple pages of products.
• Product Details: View detailed information about a product.
• Wishlist and Cart: Add products to wishlist or cart (UI only).
• Responsive Design: Optimized for desktop and mobile devices.

Tech Stack

• React: Frontend framework for building UI components.
• TypeScript: Strongly typed JavaScript for better developer experience.
• Vite: Fast build tool for modern web development.
• TailwindCSS: Utility-first CSS framework for styling.
• React Router: For routing and navigation.
• ESLint & Prettier: For code linting and formatting.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/lapakbaju-clone.git
   cd lapakbaju-clone

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open the app in your browser at http://localhost:5173.

Build for Production

To build the project for production, run:

npm run build

The output will be in the dist folder.

Git About

Repository Tags

• Frontend: React, TypeScript, TailwindCSS
• Build Tool: Vite
• Features: Product Grid, Filters, Pagination, Sorting
• Deployment: Netlify (configured via netlify.toml)
• Code Quality: ESLint, Prettier, TypeScript

Branching Strategy

• main: Stable production-ready code.
• feature/: New features under development.
• bugfix/: Fixes for reported issues.

Contribution Guidelines

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Commit your changes:

   git commit -m "Add your message here"

4. Push to your branch:

   git push origin feature/your-feature-name

5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

• Unsplash for product images.
• TailwindCSS for styling utilities.
• React Icons for icons.

---

Happy coding! 🚀