https://github.com/simandrew/what-to-buylist-reactjs
This app helps you keep track of what to buy. You can add items, mark them as purchased, and delete them from the list.
https://github.com/simandrew/what-to-buylist-reactjs
localstorage nanoid react-toastify reactjs valuesjs
Last synced: 7 months ago
JSON representation
This app helps you keep track of what to buy. You can add items, mark them as purchased, and delete them from the list.
- Host: GitHub
- URL: https://github.com/simandrew/what-to-buylist-reactjs
- Owner: SimAndrew
- Created: 2025-07-10T09:59:11.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-07-24T21:51:32.000Z (7 months ago)
- Last Synced: 2025-07-25T03:26:58.682Z (7 months ago)
- Topics: localstorage, nanoid, react-toastify, reactjs, valuesjs
- Language: CSS
- Homepage: https://what-to-buylist-reactjs.netlify.app/
- Size: 94.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## What to Buy List
### About:
This app helps you keep track of what to buy. You can add items, mark them as purchased, and delete them from the list.
You can try here: [what-to-buylist-reactjs.netlify.app](https://what-to-buylist-reactjs.netlify.app/)
### Sample task, photo:
### Technologies, Libraries:
- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [values.js](https://noeldelgado.github.io/values.js/) Get tints. Get shades. Choose colors from a CSS color palette.
- [Nano ID](https://github.com/ai/nanoid) A tiny, secure, URL-friendly, unique string ID generator for JavaScript.
- [React-toastify](https://fkhadra.github.io/react-toastify/introduction/) React notification made easy.
### Run the app:
- Clone a project: `git clone`
```
git clone https://github.com/SimAndrew/what-to-buylist-reactjs.git
```
- Open project code in your editor.
- Install the dependencies, enter into the terminal:
```
npm install
```
- Run the project, enter into the terminal:
```
npm run dev
```