https://github.com/jvikraman/react-tailwind-todo-app

A simple react/tailwind todo app.
https://github.com/jvikraman/react-tailwind-todo-app

react tailwindcss

Last synced: 15 days ago
JSON representation

A simple react/tailwind todo app.

• Host: GitHub
• URL: https://github.com/jvikraman/react-tailwind-todo-app
• Owner: jvikraman
• License: mit
• Created: 2017-03-14T20:10:18.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T11:42:33.000Z (almost 2 years ago)
• Last Synced: 2024-05-14T11:07:21.362Z (6 months ago)
• Topics: react, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 5.91 MB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-todos - React + Tailwind CSS

README

        
## ✨ React/Tailwind Todo App

---

### A simple react todo app with the following features:

- Tailwind CSS to handle UI

- Local JSON api/endpoint to simulate a server environment for todo CRUD operations

- Works with/without the local server endpoint

- Uses built-in react state for state management

### 🤔 How to?

---

- Clone this repo to your local and do an `npm or yarn install`

- Then use either `npm or yarn start` to serve the application at `localhost` port `3000`

- If you like to simulate a local JSON server endpoint for todo CRUD operations,

  then run `json-server -w src/api/server.js -p 4000` and this will spin-up an endpoint at `http://localhost:4000`

- The endpoint exposes a `todos` resource at url --> `http://localhost:4000/todos`

- If you don't have `json-server` installed globally, you can do so by running `npm install -g json-server`

#### 🎉 💥 🥳 And that's it...You should now have a simple react/tailwind todo app up and running !!