https://github.com/neonidian/simple-time-app-react
A web app using React JavaScript library to display time in various time zones
https://github.com/neonidian/simple-time-app-react
javascript react react-template reactjs simple simple-app
Last synced: 3 months ago
JSON representation
A web app using React JavaScript library to display time in various time zones
- Host: GitHub
- URL: https://github.com/neonidian/simple-time-app-react
- Owner: neonidian
- Created: 2020-05-25T19:56:59.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T23:11:11.000Z (almost 3 years ago)
- Last Synced: 2024-12-20T11:12:34.946Z (about 1 year ago)
- Topics: javascript, react, react-template, reactjs, simple, simple-app
- Language: JavaScript
- Homepage:
- Size: 2.71 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Time App Using React
A simple web app using React Javascript library that uses API from [worldtimeapi.org](http://worldtimeapi.org/api/)
to display time in date-time format
## Pre-requisites
1. Install [Node JS](https://nodejs.org/en/download/)
2. An IDE like Atom or Webstorm
## Install and Start
In the commandline,
1. Use `npm install` to install the dependencies
2. Use `npm start` to start react in development mode
3. The browser would open automatically. If not, go to url: http://localhost:3000
## Structure
1. React components are placed in [src/components](./src/components) directory
2. [App.js](./src/App.js) file has all the components imported into it. Each component is a section from top of the page and is imported in the order of display in the browser
3. React hooks have been used in place of class based components
## Where to learn
1. Interactive tutorial from scrimba.com - https://scrimba.com/course/glearnreact
2. Read more about React framework at https://reactjs.org/ - Official website
## TeamCity
As an example for configuration as code using TeamCity as the build system, see settings.kts in [.teamcity](.teamcity) directory. The significance
is that the configuration of a build system can be fully coded and version controlled.