https://github.com/flavioccf/react_tomato_timer

React + TypeScript Application for a Tomato Timer manager
https://github.com/flavioccf/react_tomato_timer

react styled-components typescript vite

Last synced: about 1 month ago
JSON representation

React + TypeScript Application for a Tomato Timer manager

• Host: GitHub
• URL: https://github.com/flavioccf/react_tomato_timer
• Owner: flavioccf
• License: mit
• Created: 2024-05-15T05:31:05.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-22T04:01:42.000Z (7 months ago)
• Last Synced: 2024-06-22T15:53:20.969Z (7 months ago)
• Topics: react, styled-components, typescript, vite
• Language: TypeScript
• Homepage: https://react-tomato-timer.vercel.app
• Size: 91.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        


  





    ToDo List Web Application.





  

  

  

  





 About •

 Functionalities • 

 Layout • 

 Technologies • 

 Installation • 



## 💻 About

Small React + TypeScript Application to simulate an Online Coffee Shop



  ![Tomato Timer Manager]('.github/tomato_timer_1.png'){: width="50%"}

  



## ☑ Functionalities

- [x] Add Project name and time 

- [x] Timer to check current progress

- [x] History page with prior and ongoing projects by status

## 🎨 Layout

### Figma File

[Figma Mock](https://www.figma.com/community/file/1127351821076435124)

## 🔨 Technologies

The following framworks/libraries were used for this project:

- **[ReactJS](https://reactjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[Sass](https://sass-lang.com/)**

- **[Vite](https://vitejs.dev/)**

> Check the full [package.json](https://github.com/flavioccf/react_tomato_timer/blob/main/package.json)

## 🚀 Installation

```bash

# Clone the repo

git clone https://github.com/flavioccf/react_tomato_timer.git

# Access the project

cd react_tomato_timer

# Install dependencies

npm install

# Run the application

npm run dev

# The server will start - port:3000 - acesse http://localhost:3000

```