Build a Photo Gallery Application with Angular 17 and Supabase
In this tutorial, we dive into creating a powerful Photo Gallery Application using Angular 17 and Supabase! Join us as we walk through the entire process, from setting up the Angular environment to integrating Supabase for seamless data management.
Users will log in with Supabase Github Oauth, and then we handle image upload with PostgreSQL and Supabase Storage. Whether you're a beginner or an experienced developer, this step-by-step guide will help you harness the full potential of Angular and Supabase to build a dynamic and responsive photo gallery.
We also make use of the latest features in Angular 17 such as Signals, the newly built-in control flows, deferrable views and lazy loaded routes.
Build a Photo Gallery Application with Angular 17 and Supabase :
Introduction - 00:00
03:20 Setting up the project
10:55 Setting up GitHub oath with Supabase
14:13 creating the authentication service
22:04 Setting up the lazy loaded routes
24:20 Configuring the auth service in the template
40:07 User interface for photo gallery
41:20 Creating the gallery service & setting up the storage bucket
58:20 Create function that handles photo uploads
1:12:32 Display Photos on the page
1:21:30 Outro
Supabase Docs:
https://supabase.com/docs/guides/storage
Source Code:
https://github.com/desoga10/ng-imagr-...
Support the channel:
https://www.buymeacoffee.com/thecodea...
Join my telegram community:
https://t.me/thecodeangle
For more resources on Web Development:
https://thecodeangle.com/
Follow Me on Twitter:
/ thecodeangle
Смотрите видео Build a Photo Gallery Application with Angular 17 and Supabase онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь The Code Angle 22 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,062 раз и оно понравилось 52 людям.