Timer for hang boarding and building finger strength for climbing.
Application is hosted: here.
Enter desired number of seconds to prepare, hang and rest between sets and the number of sets and see a visual timer.
Login to store session data and view previous max hang data plotted on a graph (graph created using the recharts node module).
- MongoDB
- Express
- React.js
- Node.js
- Auth0
- Serverless
- AWS
- Client is deployed on AWS S3 served by CloudFront and Route 53.
- Server is deployed using Serverless via AWS Cloud Formation as a Lambda function.
- Database is running on Atlas's cloud service.
Server repository can be found: here.
One of biggest challenges I overcame building this application was not using create-react-app and writing a custom webpack config: I did this as a learning excercise trying to find out more of what goes on under the hood of React.
Another challenge was deploying as a static site: I soon learnt I couldn't use the BrowserRouter from react-router-dom and it took some research to find out more about the nature of how React works and to use the HashRouter to return fragments whilst not not navigating to static pages that did not exist e.g. "/#/data" not "/data".
- Add sound
- Refine styling
