/nlw04-react

Repository with project developed in React NLW 04 of Rocketseat

Primary LanguageTypeScript

Move.it

React NLW-04

Version 2: auto dark and light mode, getting your color mode from operating system

React TypeScript VS Code Stargazers

🌐 Deploy:

Vercel

🎨 Layout:

To see layout created by Rocketseat team, click on badge below:

Figma Figma

πŸš€ Commands:

  • yarn start: Runs the app in the development mode

πŸ—’ Changes:

  • All changes of version 1;

  • Add package to close Level Up Modal when press ESC key;

  • Auto dark or light theme (getting the color mode from your operating system);

    • Example how to set dark colors and light colors:
    :root {
    	// set your light colors where
    }
    
    @media (prefers-color-scheme: dark) {
    	:root {
    		// set your dark colors where
    	}
    }
Have interest in:
NodeJS
Wiki with Documentation:
GitHub

πŸ§‘πŸ»β€πŸ’» About Me

Daniel Sousa @TutoDS
Daniel Sousa @TutoDS

Facebook Twitter

LinkedIn Instagram

YouTube