https://github.com/devsumanp/omme
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.
https://github.com/devsumanp/omme
eslint react-router reactjs tailwind-css typescript
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/devsumanp/omme
- Owner: DevSumanP
- Created: 2025-03-27T13:23:32.000Z (about 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-03-27T13:33:07.000Z (about 1 year ago)
- Last Synced: 2025-03-27T14:34:08.991Z (about 1 year ago)
- Topics: eslint, react-router, reactjs, tailwind-css, typescript
- Language: TypeScript
- Homepage:
- Size: 208 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/your-username/lapakbaju-clone.git
cd lapakbaju-clone
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open the app in your browser at `http://localhost:5173`.
## Build for Production
To build the project for production, run:
```bash
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:
```bash
git checkout -b feature/your-feature-name
```
3. Commit your changes:
```bash
git commit -m "Add your message here"
```
4. Push to your branch:
```bash
git push origin feature/your-feature-name
```
5. Open a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Acknowledgments
- [Unsplash](https://unsplash.com/) for product images.
- [TailwindCSS](https://tailwindcss.com/) for styling utilities.
- [React Icons](https://react-icons.github.io/react-icons/) for icons.
---
Happy coding! 🚀