https://github.com/malanski/cron
Cronometer using React with JavaScript
https://github.com/malanski/cron
awari awari-front-0 react
Last synced: about 2 months ago
JSON representation
Cronometer using React with JavaScript
- Host: GitHub
- URL: https://github.com/malanski/cron
- Owner: malanski
- Created: 2022-01-26T22:08:43.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-07-03T22:15:39.000Z (almost 3 years ago)
- Last Synced: 2025-03-02T11:19:31.197Z (over 1 year ago)
- Topics: awari, awari-front-0, react
- Language: JavaScript
- Homepage: https://malanski.github.io/cron
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cron React Project
This project is a part of the Web Development Course at Awari School. The objective of this project is to create a JavaScript chronometer using React, with additional styling and icons from Font Awesome. The chronometer counts seconds, minutes, and hours as long as the page stays open, without consuming background processing.
## Objectives:
- Create React App
- Develop a JavaScript Chronometer
- Use Fontawesom dependencies
- Design a CSS style
- Deploy on gh-pages trough a:`npm run deploy`
## Learnings
Through this project, I have learned how to create a chronometer using JavaScript and React. Additionally, I have gained experience in using Font Awesome icons and styling the app with CSS.
## Technologies Used
- React
- JavaScript
- HTML
- CSS
- Node.js
- Git + GitHub
Dependencies
The project uses the following dependencies:
```json
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.16",
"gh-pages": "^3.2.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.0",
"web-vitals": "^2.1.4"
},
"devDependencies": {
"gh-pages": "2.0.1"
}
```
## Installation
The project is insatalled using the following command:
```bash
npm run install
```
## To run the application use:
```bash
npm run start
```
## Deployment
The project is deployed to GitHub Pages using the following command:
```bash
npm run deploy
```
### Deploy at: Github pages: Cron
## License
This project is open-source and uses the MIT License. Please refer to the LICENSE file for more details.
---