Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fecony/village_shop_app
React & Redux SPA for mini village market
https://github.com/fecony/village_shop_app
api laravel localstorage react redux redux-toolkit rtk-query typescript
Last synced: about 2 months ago
JSON representation
React & Redux SPA for mini village market
- Host: GitHub
- URL: https://github.com/fecony/village_shop_app
- Owner: fecony
- Created: 2022-10-03T20:33:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-10-03T22:28:05.000Z (over 2 years ago)
- Last Synced: 2024-11-05T15:35:33.850Z (3 months ago)
- Topics: api, laravel, localstorage, react, redux, redux-toolkit, rtk-query, typescript
- Language: TypeScript
- Homepage:
- Size: 321 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# mini Village Market SPA
Village Shop SPA that allows:
- List products
- Create new products with image ("admin" functionality)
- Delete existing products ("admin" functionality)
- Persists provided age state.
- Users can "purchase" products
- Notifications on different actions
Uses React, Redux, Redux Toolkit with RTK Query to simplify API requests with caching
> [Laravel API repository](https://github.com/Fecony/village_shop_api)
## Getting Started
These instructions will get you a copy of the project up and running on your local machine for development purposes.
### Prerequisites
Things you will need:
- [Node.js](https://nodejs.org/en/)
## Installation
Clone the project
```bash
git clone [email protected]:Fecony/village_shop_app.git
```
Go to the project directory
```bash
cd village_shop_app
```
Copy .env.example file to .env on the root folder.
```bash
cp .env.example .env
```
Add backend API url to .env file
```dotenv
REACT_APP_API_ENDPOINT="http://village_shop_api.test/api"
```
Now in the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.
## Authors
- [@fecony](https://www.github.com/fecony)
## Acknowledgements
- Thanks to Taylor Otwell for creating Laravel ✨
- [Readme generator](https://readme.so/)
## Support
For support, contact me [@fecony](https://www.github.com/fecony).
## License
[MIT](https://choosealicense.com/licenses/mit/)
----------------------------------------------------------------
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app), using
the [Redux](https://redux.js.org/) and [Redux Toolkit](https://redux-toolkit.js.org/) TS template.
## Learn More
You can learn more in
the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
To learn React, check out the [React documentation](https://reactjs.org/).