svelte-hacker-news

A hacker news app built in svelte

TODO

• Set up svelte
• Set up tailwind
• Set up daisy-ui
• Add a theme changer
• Get Stories from hacker news api
• Display data
• Add comments
• Curated Lists (ShowHN etc)
• Favourites (local to browser)
• Animations
• Containerise
• Deploy to Railway

Set up svelte

npm create svelte@latest myapp
cd myapp
npm install
git init && git add -A && git commit -m "Initial commit"
npm run dev -- --open

Set up tailwind

https://tailwindcss.com/docs/guides/sveltekit
8-steps

npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p

Set up daisy-ui

npm i -D daisyui@latest

then add to tailwind.config.js

plugins: [
    require('daisyui'),
],

Finally go to daisyui and make a theme. Paste it into the file above and check its working. Theme changer is useful -> https://github.com/saadeghi/theme-change