Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarojbelbase/merotask
A simple react based todo tasks supported by JSON Server
https://github.com/sarojbelbase/merotask
api json-server react todo
Last synced: 3 days ago
JSON representation
A simple react based todo tasks supported by JSON Server
- Host: GitHub
- URL: https://github.com/sarojbelbase/merotask
- Owner: sarojbelbase
- Created: 2022-11-14T10:44:13.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-15T08:09:26.000Z (almost 2 years ago)
- Last Synced: 2024-12-12T03:42:10.327Z (about 2 months ago)
- Topics: api, json-server, react, todo
- Language: JavaScript
- Homepage: https://merotask.vercel.app
- Size: 1.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mero Task Tracker
Mero Task Tracker is a simple SPA for tracking tasks inspired from react crash course. It is built using React & Json-Server which mocks like a REST API server and uses json file persisting data just like SQLite but using JSON file.
## Libraries
- [React](https://reactjs.org/)
- [React Router](https://reactrouter.com/)
- [JSON Server](https://github.com/typicode/json-server)## Installation
1. Clone the repository
2. Run `npm install` to install the dependencies
3. Run `npm start server` to start the development server (json-server)
4. Run `npm start` to start the react application
4. Open `http://localhost:3000` in your browserNOTE: The server runs at port `8000` by default. You can change the port by editing the `server` script in `package.json` file and change the port in `App.js` file.
## Screenshots
![]()
![]()
Guided by Brad Traversy [in this video](https://www.youtube.com/watch?v=w7ejDZ8SWv8)
MADE WITH ❤️ IN NEPAL