Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mehmetbozkir/react_zustand_carttesting
eCommorce Website | Nextjs, Zustand, Next-intl, Stripe.
https://github.com/mehmetbozkir/react_zustand_carttesting
coffee-shop ecommerce ecommerce-website javascript multilanguage netlify next-intl nextjs nextjs-example payment react reactjs state-management stripe typescript zustand zustandjs
Last synced: 25 days ago
JSON representation
eCommorce Website | Nextjs, Zustand, Next-intl, Stripe.
- Host: GitHub
- URL: https://github.com/mehmetbozkir/react_zustand_carttesting
- Owner: MehmetBozkir
- Created: 2024-03-16T14:17:47.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-21T14:00:38.000Z (10 months ago)
- Last Synced: 2024-10-12T12:47:44.939Z (3 months ago)
- Topics: coffee-shop, ecommerce, ecommerce-website, javascript, multilanguage, netlify, next-intl, nextjs, nextjs-example, payment, react, reactjs, state-management, stripe, typescript, zustand, zustandjs
- Language: TypeScript
- Homepage: https://react-zustand-coffeshop.netlify.app/
- Size: 2.54 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React_Zustand_CartTesting
eCommorce Website | Nextjs, Zustand, Next-intl, Stripe.
:wrench: Features
-----------------------------
- Designing a sales site and adding a payment screen while implementing Zustand operating logic and status management.
## :link: Demo
- Netflify to see and examine by yourself a demo of the site.
## 💬 Project Innovations/Advantages
1\. Zustand :
- An alternative state management to Redux.
- Lighter state management.
2\. Next-intl :
- Multi-language options available throughout the site.
- Navigation through language options.
- An alternative state management to Redux.
- Lighter state management.
3\. Stripe :
- Payment screen demo.
## :book: How to use
To clone and run this application, you'll need [Git](https://git-scm.com/downloads) and [ReactJS](https://reactjs.org/docs/getting-started.html) installed on your computer. From your command line:
```
# Clone this repository
$ git clone https://github.com/MehmetBozkir/React_Zustand_CartTesting.git
# Go into the repository
$ cd React_Zustand_CartTesting
# Install dependencies
$ npm install
# Run the app
$ npm run dev
```