Update README, dependencies, and migrate to TS

README.md

@@ -58,3 +58,54 @@ docker run -p 4173:4173 ecsess-website:nightly
 ```
 - The site should now be running on `localhost:4173`
 
+
+# Development Notes
+
+> Documentation is important !!
+
+## Development Stack
+
+- SvelteKit: 2
+- Svelte: 5
+- TailwindCSS: 4
+- `bun` (https://bun.sh) - it's `npm` and `node` for JavaScript/TypeScript runtime. Feel free to use `npm`, `pnpm`, or even `deno` if you wish, but I built this project with `bun` hehe :smile:
+
+```sh
+bun i # install dependencies
+bun run dev   # development server
+bun run build # test build
+```
+
+## Design:
+
+- Figma: https://www.figma.com/design/tomzJ7nLU4KCkojf2vM6xq/ECSESS-Website?node-id=1-1375&t=IxVyjZTYTlztEEpK-0
+
+## Libraries I considered to use:
+
+- Styling:
+  - [x] SkelentonUI
+- Components:
+  - [ ] BitsUI
+    - I think it's a bit painful and overkill to use this, tho it gives all the accessibility stuff... Could be a feature!
+- Icons:
+  - [ ] Lucide: https://lucide.dev/icons/
+  - [ ] FontAwesome: https://fontawesome.com/icons
+
+## ECSESS Colors
+
+- I didn't use SkeletonUI custom colors or themes. I rely solely on TailwindCSS custom colors variable.
+
+| ECSESS Colours    | HEX     | `var`                |
+| ----------------- | ------- | -------------------- |
+| Beigey Green      | #a9b7a0 | --color-ecsess-200   |
+| Touching Grass    | #5c8a5c | --color-ecsess-400   |
+| Simply Green      | #3b6a3a | --color-ecsess-600   |
+| Iconic Dark Green | #0A3D2A | --color-ecsess-800   |
+| Not quite black   | #1f1f1f | --color-ecsess-black |
+
+## CMS Integration
+
+- Edit `.env` in the project folder (see `.env.example` for template)
+- Add the Sanity CMS's **Project ID**
+- See the data when you run `bun run dev`
+