Photo Album SvelteKit with shallow routing, Cloudinary, Tailwind CSS

Опубликовано: 16 Январь 2024
на канале: lihautan
2,439
135

Be sure to checkout cloudinary https://cld.media/lihautanphotoapp

Learn how to build a full stack app using cloudinary, sveltekit, and tailwind css. This entire project was build without using a database; instead, we use all of the built in cloudinary functionality for viewing images, uploading images, auto-tagging, auto-captioning and apply filters.

Link to code

https://github.com/tanhauhau/cloudina...

Chapters

00:00:00 introduction
00:04:43 init SvelteKit
00:12:51 creating the layout
00:22:46 creating image list
00:58:31 infinite scrolling
01:20:12 image details page
01:43:15 shallow routing
02:16:09 upload image
02:46:53 image filters
02:55:40 adding image context
03:09:56 recap
03:12:53 closing

Documentations

https://lucide.dev/
https://www.shadcn-svelte.com/
https://cloudinary.com/
https://svelte.cloudinary.dev/

------

VS Code Theme: Dracula at night https://marketplace.visualstudio.com/...
ZSH Theme: bullet-train https://github.com/caiogondim/bullet-...

🥰 Support me https://www.buymeacoffee.com/lihautan

🔗 Want to learn more from me? Check out these links:

My new book: https://www.amazon.com/Real-World-Sve...
Twitter:   / lihautan  
Blog: https://lihautan.com/
Newsletter: https://lihautan.com/newsletter
Discord:   / discord  

Thanks for watching 🥰 -- with love, Li Hau