Skip to content

Switch between dark - light themes without using external libraries. ๐ŸŒ™

Notifications You must be signed in to change notification settings

Franklin361/dark-light-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Dark Theme React JS ๐ŸŒ˜

This time, we are going to implement the dark mode with React and without any other external library!.

ย 

Image or Gif

ย 

Features โš™๏ธ

  1. Tema Light
  2. Dark Theme
  3. Switch between themes

ย 

Tecnologies ๐Ÿงช

  • React JS
  • TypeScript
  • Vite JS
  • Vanilla CSS 3

ย 

Installation ๐Ÿงฐ

  1. Clone the repository (you need to have Git installed).
    git clone https://github.com/Franklin361/dark-light-app.git
  1. Install dependencies of the project.
    npm install
  1. Run the project.
    npm run dev

Note: For running the tests, use the following command

    npm run test

ย 

Links โ›“๏ธ

Demo of the application ๐Ÿ”ฅ

Here's the link to the tutorial in case you'd like to take a look at it! eyes ๐Ÿ‘€

  • ๐Ÿ‡ฒ๐Ÿ‡ฝ ๐Ÿ”—

  • ๐Ÿ‡บ๐Ÿ‡ฒ ๐Ÿ”—

About

Switch between dark - light themes without using external libraries. ๐ŸŒ™

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published