An open API service indexing awesome lists of open source software.

https://github.com/arrudadev/react-theme-switcher

Landing page with Dark/Light theme switcher.
https://github.com/arrudadev/react-theme-switcher

context-api github-pages react styled-components

Last synced: 24 days ago
JSON representation

Landing page with Dark/Light theme switcher.

Awesome Lists containing this project

README

        



ReactThemeSwitcher

![build](https://github.com/monteiro-alexandre/react-theme-switcher/workflows/build/badge.svg?branch=master)
[![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

Landing page with Dark/Light theme switcher.



LandingaPage



LandingaPageDark

## 💻 Technologies

This project was developed with the following technologies:

- [Typescript](https://www.typescriptlang.org/)
- [React](https://reactjs.org)
- [Styled Components](https://styled-components.com/)
- [Context API](https://pt-br.reactjs.org/docs/context.html)
- [React Scroll](https://github.com/fisshy/react-scroll)
- [React Slick](https://react-slick.neostack.com/)
- [Eslint](https://eslint.org/)
- [Commitlint](https://commitlint.js.org/#/)

## 📝 Getting started

First you need to have `node` and `yarn` installed on your machine. Then, you can clone this repository.

```bash
git clone https://github.com/monteiro-alexandre/react-theme-switcher.git
```

Install dependencies:

```bash
yarn
```

After finishing the installation, run:

```bash
yarn start
```

To view the project you can open [localhost:3000](http://localhost:3000).

## 🤔 Contributing

Please read [CONTRIBUTING.md](.github/CONTRIBUTING.md) for details on the code of conduct and the process for submitting pull requests.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details.