Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/celiovjunior/react-timer
(front-end) Stopwatch web app built with React and Typescript support. Project made during the Ignite bootcamp, by Rocketseat.
https://github.com/celiovjunior/react-timer
javascript react reactjs typescript zod
Last synced: about 1 month ago
JSON representation
(front-end) Stopwatch web app built with React and Typescript support. Project made during the Ignite bootcamp, by Rocketseat.
- Host: GitHub
- URL: https://github.com/celiovjunior/react-timer
- Owner: celiovjunior
- Created: 2022-09-19T02:47:20.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-21T06:11:02.000Z (10 months ago)
- Last Synced: 2024-11-11T23:23:41.833Z (3 months ago)
- Topics: javascript, react, reactjs, typescript, zod
- Language: TypeScript
- Homepage: https://react-timer-silk.vercel.app/
- Size: 533 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React Timer
## About:
Stopwatch web application where the user can register a new task and set up a time for it execution.
The application also have a indicator where the user can follow if the time is running, paused ou finished.
Web application built following the Ignite Bootcamp, provided by online programming school [Rocketseat](https://www.rocketseat.com.br/).
**Demo**: https://react-timer-six.vercel.app/
## User actions:
- Can register a new task (form above the timer);
- Can set a time (multiple of 5);
- Can navigate between the homepage (stopwatch) and the task list;
- Can follow the status of the time according to the color.
## Main tools:
- [React](https://react.dev/) ```(v18.02)``` ;
- [Typescript](https://www.typescriptlang.org/docs/) ```(v4.6)```;
- [Styled-components](https://styled-components.com/) ```(v5.3)```;
## Package manager:
- [npm](https://www.npmjs.com/) ```(v9.5)```;
- [vite](https://vitejs.dev/);
## Running locally:
> Before installing the project, make sure that you have [Node](https://nodejs.org/en) and [GIT](https://git-scm.com/) already installed in your machine.
1. Open your favorite terminal.
2. Run the following commands:
```shell
# clone repository:
git clone [email protected]:celiovjunior/react-timer.git
# go to the project folder:
cd react-timer
# install the necessary dependencies:
npm install
# execute the project:
npm run dev
```
Application will start at port http://localhost:5173