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

https://github.com/flvsantos15/ignite-timer-flv


https://github.com/flvsantos15/ignite-timer-flv

cypress ignite-rocketseat reactsjs styled-components typescript usereducer

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        



Ignite Timer 🚀



🚀 Ignite Timer is an countdown application.


This application was developed by watching Rocketseat Bootcamp.


As a developer I can never stop learning, I added some new functionallities to take
the application to the next level,
the functionallities are Dark and Light mode of course,
I made E2E tests with cypress.

# Tabela de conteúdos

- [Final application](#application)
- [Features](#features)
- [Tecnologies](#technologies)

## Getting Started


This application is being built using the following technologies:



- [ReactJS](https://pt-br.reactjs.org/)
- [ViteJS](https://vitejs.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Styled-Components](https://styled-components.com/)
- [Phosphor-icons](https://phosphoricons.com/)
- [Cypress](https://docs.cypress.io/)


Features



- [x] Start/Stop Exercice cycle
- [x] Keep informations in localStorage
- [x] Dark/Light Mode
- [x] Accessibility


Motivation


I created this application to apply some new knowledges and tecnologies.

- light and dark mode with Styled-Components.
- Use useReducer Hook.
- Share informations through the application with Context API.
- Tests E2E with Cypress.


You can see the final application here:



- [Ignite Timer](https://ignite-timer-flv-pa6g-5n9v5jmmq-flvsantos15.vercel.app/)


Autor

picture of Flavio Santos


Flavio Santos

Built with ❤️ by Flavio Santos 👋🏽 get in touch!

[![Linkedin Badge](https://img.shields.io/badge/-flvSantos-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/flvSantos15/)](https://www.linkedin.com/in/flvSantos15/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])