Skip to content

martinbagshaw/ReactLogbook

Repository files navigation

Climbing Logbook 🗻

View here (on Github Pages)

An SPA (Single Page Application) implementation of my climbing logbook, taken from UKClimbing.com. A new and improved version of a much more naive version, which I made in plain old HTML, CSS, and JavaScript.

Setup

  1. Clone the repo
  2. npm install
  3. npm run dev to run in development mode. View at http://localhost:1234/
  4. npm t to run tests with jest and react testing library

Stack 📚

Category Technology
Languages TypeScript, HTML, CSS
Frameworks & Libraries React, React DOM, React Router DOM, Styled Components, D3
Bundler Parcel
Quality Assurance Es-lint, Prettier

New things for this project 🐣

  • React Hooks
  • D3 - data visualisation library
  • TypeScript

UI Mockups

Drafts of the UI - something resembling how the finished product may look

climbing logbook app

...The Figma Mockup can be found here

Data Flow

Flow of data through the app - how data, state, and components may interact

Disclaimer: somewhat naive at the moment, probably

data flow mockup

Todo List ✔️

A non- exhaustive, and regularly iterated on todo list can be found here on HackMD

Will include trials and tribulations, and notes to help me along the way

About

My climbing logbook, built in React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages