Skip to content

cptdanko/react_typescript_todo_list

Repository files navigation

React todo list using Typescript and Yarn

I had never used the yarn package manager before so thought I would give it a try and see what it is like. This is a simple react app built with typescript using the yarn package manager.

I aim to make this a living repository, in the sense that things can be added to this repo to demostrate certain react concepts. You can read my original post on this repo over here.

This repository ...

  • shows a todo list app built with react and Typescript
  • uses Google Oauth for authorisation
  • performs all CRUD operations
  • uses MUI to style components
  • uses localStorage to save data
  • uses yarn as a package manager
  • integrates with a NodeJS Typescript backend

You can see all the code for the backend in the node_typescript_crud_notes repository.

This app has also been deployed and can be accessed at My Day Todos site.

How to enable Google Auth

To use Google Authentication via OAuth you need to copy the client id for your app from the Google Cloud Platform (GCP) dashboard.

More great tutorials and code samples

Checkout this blog for more "how-to" code samples, tutorials and just info on how to solve problems.

If you like what I am doing, you can buy me a coffee

Want to know about my (Bhuman Soni) software engineering career journey so far?

About

A react app showing how to build a todo list app with MUI for styling.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published