A Todo App I wrote using React, TypeScript and Tailwind CSS.

Last update: Jul 26, 2022

Live Demo

Click Here

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open 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.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

GitHub

https://github.com/soltancode/todo-react-ts
You might also like...

NFT Marketplace prototype using Typescript, WalletConnect, Metamask, Web3, Solidity, React and Storybook

ERC721 NFT Marketplace Prototype of a NFT Marketplace based on openZeppelin abstract upgradeable ERC721 contracts and Minting/uploading images to IPFS

Jul 4, 2022

Step-by-step guide on compiling C++ codes with Emscripten into wasm and using it with Webpack + Typescript + React setup

Step-by-step guide on compiling C++ codes with Emscripten into wasm and using it with Webpack + Typescript + React setup

Step-by-step guide on compiling C++ codes with Emscripten into wasm and using it with Webpack + Typescript + React setup

Jun 30, 2022

An algebraic effects library for javascript and typescript using generators

Algebraify Algebraic Effects Are Here! (sort of) (If you're unfamiliar with algebraic effects, here's a great article: Algebraic Effects for the Rest

Jul 3, 2022

Aviasales React-Redux-MobX- - A quick start Redux + TypeScript Create React App template

A quick start Redux + TypeScript Create React App template An opinionated quick

Mar 14, 2022

Shopping Cart using React.js & TypeScript

Shopping Cart using React.js & TypeScript

Shopping Cart using React.js & TypeScript A working shopping cart for your React.js Application - Integrated with FakeStore's API for Store details. T

Jul 12, 2022

A React Custom able cursor that can decorate your site also your hand is open to manipulate the cursor with css

custom-react-cursor A React Custom able cursor that can decorate your site also your hand is open to manipulate the cursor with css Demo live Installi

Jul 31, 2022

A javascript microframework to shorten daily use CSS class manipulator methods by adding them all into a single method

CSS Class Builder A small typescript package built to work with ReactJS to short

Jan 7, 2022

Performance comparison of css-in-js libraries

Performance comparison of css-in-js libraries

Libraries compared: CSS modules (baseline) linaria styled-components About the setup: This is a Next.js SSR repository with three URLs - one for linar

Feb 24, 2022

Insomnia-react-app - A react app that will help you relax and sleep better

Insomnia-react-app - A react app that will help you relax and sleep better

insomnia - a sleep inducer app An app that will help you relax and sleep better.

May 30, 2022
This is a simple todo app created with react

#Todo APP A Simple Todo app built with react. Available Scripts In the project directory, you can run: npm start Runs the app in the development mode.

Nov 13, 2021
NBA Stats and Shot Chart Visualizer - React, D3, Tailwind CSS, Python, Pandas
NBA Stats and Shot Chart Visualizer - React, D3, Tailwind CSS, Python, Pandas

HoopyDo NBA Stats and Shot Chart Visualizer Links Repo Live Built With JavaScript React React Router Tailwind HTML D3.js React Table Data from nba_api

Jul 11, 2022
NativeWind uses Tailwind CSS as high-level scripting language to create a universal design system

NativeWind Note tailwindcss-react-native is current working on v2, which includes a renaming of the project to NativeWind! NativeWind is still under d

Jul 31, 2022
✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.

✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.

Jun 22, 2022
A set of components using React Aria and Tailwind

React Aria Tailwind A set of components using React Aria and Tailwind. Very early WIP. Why? React Aria is a low level library of React Hooks that help

Jun 21, 2022
A complete application from scratch using Node.js, React, and Tailwind
A complete application from scratch using Node.js, React, and Tailwind

A complete application from scratch using Node.js, React, and Tailwind

May 6, 2022
In this assignment you will start with a basic calculator and style it using CSS, inline styles, and styled-components.
In this assignment you will start with a basic calculator and style it using CSS, inline styles, and styled-components.

In this assignment you will start with a basic calculator and style it using CSS, inline styles, and styled-components.

Dec 27, 2021
React-three-ts-bp - [TS] Stable version for React-Three + Spring & Tailwind bp

React-three-ts-bp - [TS] Stable version for React-Three + Spring & Tailwind bp

Jan 3, 2022
A reference project to build a React Redux app in TypeScript, and deploy to GCP Cloud Run

A reference project to build a React Redux app in TypeScript, and deploy to GCP Cloud Run

Nov 27, 2021
GitHub repository search app in React, TypeScript and GraphQL

GitHub repository search app in React, TypeScript and GraphQL

Apr 3, 2022