rahman95 / life-in-weeks

Visualise your life 🎩✨

life-in-weeks

Life's progress made visible...

Visualising your life in weeks can feel weird and morbid to some but it can prove to be a good indicator of where you currently are in life. This tool aims to be seen in a positive light and help you pursue a better future to maximise the time you have left.

This is a project built using the Svelte starter found here configured to use ESLint, Tailwind and Rollup.

Usage

Install the dependencies

npm install

Start the local development server by running

npm run dev

Navigate to localhost:5000, the app should now be running 🚀

Linting

To lint the project, run

npm run lint

This will run es-lint to lint your project files.

Build

To create an optimised version of the app, simply run

npm run build

A production-ready build will be put together and placed in the public/ directory

---

✈️ 🏖️ 🚵‍♂️ 🏄‍♂️

life-in-weeks's Issues

Add headings to canvas X and Y

----------------------Weeks
|
|
|
Y
e
a
r
s

Canvas seems blurry as it doesnt take Pixel Ration into account

• https://stackoverflow.com/questions/15661339/how-do-i-fix-blurry-text-in-my-html5-canvas

Resize canvas height to fix the extra spacing left behind on some devices