givememydata
givememydata copied to clipboard
omundy
Give Me My Data helps you reclaim and reuse your Facebook data.
Give Me My Data
Give Me My Data was a Facebook application that helped users export their data out of Facebook. Reasons included making artwork, archiving and deleting your account, or circumventing the interface Facebook provides. Data could be exported in CSV, XML, and other common formats.
- Statement on Facebook decision to block the app and original website
- Visualizations and screenshots from the project
Dev Notes
https://learn.svelte.dev/tutorial/declaring-props These docs are sometimes better https://kit-docs-demo.vercel.app/docs/component-format/script This series is great https://www.youtube.com/watch?v=n8Kk7uvsx9A&list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO&index=7 https://blog.logrocket.com/how-to-build-simple-svelte-js-app/ https://www.contentful.com/blog/svelte-tutorial/ https://prismic.io/blog/svelte-and-sveltekit
Setup
# create a new project in the current directory
npm create svelte@latest
# install dependencies
npm install
# or start the server and open the app in a new browser tab
npm run dev -- --open
Development > CSS
Bootstrap https://github.com/svelte-add/bootstrap
Override Bootstrap tutorial https://www.freecodecamp.org/news/how-to-customize-bootstrap-with-sass/
npx svelte-add@latest bootstrap
Dev > Routing & Data
The svelte:head element allows you to insert elements inside the
of your document: https://svelte.dev/tutorial/svelte-headUse class:active={$page.url.pathname === '/about'} to insert a class name in a nav
https://svelte.dev/examples/classes
Access page properties https://stackoverflow.com/a/68578884/441878
<script>
import { page } from '$app/stores';
</script>
<h1>{$page.url.pathname}</h1>
In SvelteKit, what's the difference between +page.js, +page.server.js and +page.svelte? https://stackoverflow.com/questions/76244344/in-sveltekit-whats-the-difference-between-page-js-page-server-js-and-page https://github.com/sveltejs/kit/issues/7411
Building (Static Site Generation)
How to Build a Static SvelteKit Site, 2023 Building your static website with Svelte, SvelteKit, 2021 SvelteKit > Static site generation
npm i -D @sveltejs/adapter-static@latest
# create a production version of your app
npm run build
# preview the production build
npm run v
Deployment
Setup project
How to deploy a SvelteKit website to GitHub pages, 2023 metonym/sveltekit-gh-pages Publishing an Astro site to Github Pages https://www.npmjs.com/package/gh-pages
See also
https://kit.svelte.dev/docs/configuration#paths https://kit.svelte.dev/docs/adapter-static#github-pages
# deply to github
npm run deploy
omundy