Skip to content

Simple todo-app with Chakra-ui components with dark mode enabled.

Notifications You must be signed in to change notification settings

brentmitch/todo-chakra-ui-with-dark-mode

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a fork of Truly Mittal's

Learn Chakra UI by building a Todo Application with dark mode

This project was bootstrapped with Create React App.

Changes in this Forked Version

This fork primarily adds a few accessibility improvements. One of Chakra UI's interesting features is its "as" prop. In a few places I made the HTML more semantic and accessible simply by using this feature. I also added a few aria roles to help those with screen readers.

I expanded the Chakra UI's short-hand parameters and ordered them alphabetically. These two changes are completely unnecessary but I have found it helpful for developers new to a project or unfamiliar with Chakra UI.

I really enjoyed and learned a lot from the the YouTube video this app came from. If you're just learning about Chakra UI, I recommend it.

How to Run the React App

In the project directory, you can run:

npm install

Installs the application's dependencies.

npm start

Runs the application in the development mode.
Open http://localhost:3000 to view it in the browser.

Learn React

To learn React, check out Truly Mittal's video - Learn React in one-video.

About

Simple todo-app with Chakra-ui components with dark mode enabled.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.5%
  • HTML 27.5%