https://github.com/robhilldev/thoughtheap

A place to track your thoughts.
https://github.com/robhilldev/thoughtheap

css css3 dom html html5 javascript localstorage no-dependencies state-management webapp

Last synced: about 1 month ago
JSON representation

A place to track your thoughts.

• Host: GitHub
• URL: https://github.com/robhilldev/thoughtheap
• Owner: robhilldev
• Created: 2023-10-31T20:46:38.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-04T20:46:19.000Z (about 1 year ago)
• Last Synced: 2024-01-05T13:39:15.718Z (about 1 year ago)
• Topics: css, css3, dom, html, html5, javascript, localstorage, no-dependencies, state-management, webapp
• Language: JavaScript
• Homepage: https://robhilldev.github.io/ThoughtHeap/
• Size: 217 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Try it:

https://robhilldev.github.io/ThoughtHeap/

## For running the app locally:

Since separate JavaScript files loaded as modules are treated as Cross Origin Resource Sharing (CORS) requests by modern browsers, and CORS requests can only be made over HTTP or HTTPS, a local web server will be needed for local development.

#### A python HTTP server can be used for this by opening a terminal at the same folder as index.html and running:

```

python3 -m http.server

```

> If that command yields an error, or `python3 -V` doesn't return a version number, it can be downloaded [here.](https://www.python.org/downloads/) It's worth noting that MacOS and Linux typically come with python pre-installed.

> Any other local web server of choice could also be used.

If the python HTTP server is used it might be necessary to occasionally,

- Restart the server

- Control+F5 refresh (refresh ignoring cache) the page in the browser

Taking these steps will help since the server seems to not always register changes, probably because of some caching issue.

## About the tech stack:

This app consists of vanilla JavaScript, CSS, and HTML. There are zero dependencies in production. This means no external packages, libraries, frameworks, templating engines, CSS preprocessors, post processors, etc. The point of a no dependency app was mainly to remember what it was like to build without a giant tangled web of dependencies. Although it's been a fun exercise, and the app feels super responsive without all the bloat, I will likely go back to using the aforementioned external tools in future projects.