https://github.com/sanderhelleso/clicktimecodechallenge
clickTime - Software Engineer Intern Code Challenge
https://github.com/sanderhelleso/clicktimecodechallenge
Last synced: about 1 year ago
JSON representation
clickTime - Software Engineer Intern Code Challenge
- Host: GitHub
- URL: https://github.com/sanderhelleso/clicktimecodechallenge
- Owner: sanderhelleso
- Created: 2018-09-18T05:12:29.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-19T09:55:36.000Z (almost 8 years ago)
- Last Synced: 2025-02-02T13:16:04.184Z (over 1 year ago)
- Language: JavaScript
- Size: 1.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# clickTimeCodeChallenge
Software Engineer Intern Challenge by ClickTime - Sander Hellesø
Professor Higginbotham has challenged you to a race around the world in a steam-powered zeppelin of your own invention. In order to verify your time at each leg of the race, you will need to create a stopwatch web application consisting of a start/stop button and a history table. Each time you start the stopwatch, the application inserts a new row into the history table that records the start time, and the current latitude and longitude. When you stop the stopwatch, the application will record the time, latitude, and longitude, as well as the amount of time that has elapsed.
## Features
- Track time elapsed from start / stop time even when changing timezones
- Get current timestamp of start / stop time and display in correct format
- Get current location of start / stop time and display correctly
- App uses LocalStorage so app is availabe offline aswell as data is saved on browser quit
- React state application to easy and clearly update component on state change
- Good, clear and modern UX and UI, should be easy to use for user
- Responsive grid layout
### Installing
```
git clone https://github.com/sanderhelleso/clickTimeCodeChallenge.git
cd clickTimeCodeChallenge
cd client
npm install
npm run build
npm start
```
### Edit and modifying of component
```
Component state is set and updated in various steps of the application. When offline the
application will utilize localstorage to keep track of rows and corresponding history data.
In a more realistic situation the Stopwatch component should be splitted into multiple,
smaller components (History, HistoryRow, Buttons ++) and it could be debated if new history
rows should be inserted before or after previous entry.
```
## Built With
* React
* Animate.css
* Feathericons
## Authors
* **Sander Hellesø**
## License
This project is licensed under the MIT License
## Acknowledgments
* Thanks to ClickTime for a fun and interesting project
## Notes
- Added GIF displaying some of the various stages of the application
- Layout is based on a modern, dark color theme
- Added some minor usefull things like disabled button while fetching geo location to avoid spam
- If you have issues running this locally please contact me ASAP