Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/malanski/coffee-delivery

Ecommerce Typescript Application using React, Vite, and styled-components
https://github.com/malanski/coffee-delivery

css eslint eslint-plugin html react styled-components typescript vite

Last synced: 5 days ago
JSON representation

Ecommerce Typescript Application using React, Vite, and styled-components

Awesome Lists containing this project

README

        

# Coffee Delivery - E-commerce Website

Coffee Delivery is an e-commerce project for buying coffee. This project uses React, React Router, Styled Components and other technologies to create an online store where users can explore and buy different types of coffee.

## Main features

- Intuitive navigation to explore the coffee products available.
- Adding products to the shopping cart.
- Updating the number of products in the cart.
- Calculating the total purchase.
- Checkout.

## Technologies used

- React: JavaScript library for building user interfaces.
- React Router: To manage the application's routes.
- Styled Components: For styling with CSS-in-JS.
- Vite: A fast bundler/compiler for development.
- ESLint: Linting tool to maintain clean and consistent code.
- TypeScript: A typed programming language that adds more security and intellisense to code.

## Available scripts

- `npm install`: Installs the project dependencies.
- `npm run dev`: Starts the development server.
- `npm run build`: Compile the project for production.
- `npm run lint`: Runs ESLint to check code quality.
- `npm run preview`: Starts a server to preview the production version of the project.

## Main dependencies

- `localforage`: For local data storage.
- `match-sorter`: A library for sorting and filtering data.
- `phosphor-react`: Icons for user interfaces.
- `styled-components`: Library for styling components.

## How to use

1. Clone this repository: `git clone https://github.com/malanski/coffee-delivery.git`
2. Navigate to the project directory: `cd coffee-delivery`
3. Install the dependencies: `npm install`
4. Start the development server: `npm run dev`

Access the application in the browser at `http://localhost:4000`.

## Contributing

This is an open source project and contributions are welcome. Feel free to raise issues or send pull requests to improve this project.

## License

This project is licensed under the MIT License - see the [LICENSE] file for more details.