Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/malanski/coffee-delivery
- Owner: malanski
- Created: 2023-09-05T00:32:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-21T04:47:40.000Z (about 1 year ago)
- Last Synced: 2024-10-12T17:22:25.278Z (about 1 month ago)
- Topics: css, eslint, eslint-plugin, html, react, styled-components, typescript, vite
- Language: TypeScript
- Homepage: https://coffee-delivery-malanski.vercel.app
- Size: 2.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.