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:

"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:

npm run install

To run the application use:

npm run start

Deployment

The project is deployed to GitHub Pages using the following command:

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.

---