Let's build Instagram 2.0 (PART 3) with REACT.JS! (Next.js,Firebase,Tailwind CSS NextAuth Recoil)
Let's build Instagram 2.0 with REACT.JS! PART 3 (Next.js,Firebase v9, Tailwind CSS, NextAuth, Recoil)
Code on Github: https://github.com/BarbuAndreiIulian/...
Discord: / discord
Build a fully functional Instagram feed with comments!!!What you'll learn:
1. Use Tailwind CSS to build a FULLY mobile responsive web app!
2.Build a custom authentication screen using NextAuth!
3.How to use the new Firebase v9 SDK!
4.How to use Firebase storage API and upload images!
5.How to use Recoil as a state management tool!
TimeStamps:
0:00 Intro
0:26 Building MiniProfile
05:56 Building the Suggestions component
15:51 Adding See All
17:55 Adding Info about Instagram
24:11 Using Recoil for State Management
33:50 Using Headless Ui by importing the Modal
36:45 Editing The Headles Ui Modal
45:01 Finishing Thoughts
45:35 Outro
HeaderDISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Instagram and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.
CREDIT:Song 1:
––––––––––––––––––––––––––––––
rainy night by Luke Hall / c_luke_hallcreative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0Free Download / Stream: https://bit.ly/3TIQelYMusic promoted by Audio Library • 雨の夜 (rainy night) – Luke Hall (No Copyrigh...
––––––––––––––––––––––––––––––
🎵 Track Info:Title: 雨の夜 (rainy night) by Luke HallGenre and Mood: Dance & Electronic + Calm———🎧 Available on: SoundCloud: / ra. . ———😊 Contact the Artist:Luke Hall:[email protected]://soundcloud.com/c_luke_hallhttps://open.spotify.com/artist/0nvVz...https://music.apple.com/us/artist/luk...https://facebook.com/c.luke.hall
———Song 2:––––––––––––––––––––––––––––––
Discovering by de Pablos / de_pabloscreative Commons — Attribution 3.0 Unported — CC BY 3.0Free Download / Stream: https://bit.ly/3TQ2TU7Music promoted by Audio Library • Discovering – de Pablos (No Copyright Music)
––––––––––––––––––––––––––––––
🎵 Track Info:Title: Discovering by de PablosGenre and Mood: Ambient + Bright———🎧 Available on: Spotify: https://spoti.fi/3S1E9qziTunes: https://apple.co/3S1DXHRDeezer: https://deezer.com/en/track/184198703... • Video SoundCloud: / disc...youtube Music: https://music.youtube.com/watch?v=0Pv... Contact the Artist:de Pablos: / de-. .
———Song 3:––––––––––––––––––––––––––––––
Fast Lane (feat. Devyzed) by Ghostrifter Official https://bit.ly/ghostrifter-scCreative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0Free Download / Stream: https://bit.ly/3L9KFZQMusic promoted by Audio Library • Fast Lane (feat. Devyzed) – Ghostrifter Of...
––––––––––––––––––––––––––––––🎵 Track Info:Title: Fast Lane (feat. Devyzed) by Ghostrifter OfficialGenre and Mood: Hip Hop & Rap + Dark———🎧 Available on: Spotify: https://spoti.fi/3LdheX5iTunes: https://apple.co/3xl20JwDeezer: https://deezer.com/en/track/178928512... • Ghostrifter & Devyzed - Fast Lane [Phonk x... SoundCloud: / ghostrifter-of...youtube Music: • Ghostrifter & Devyzed - Fast Lane [Phonk x... ———😊 Contact the Artist:Ghostrifter Official:[email protected] / devyzed
———Song:4––––––––––––––––––––––––––––––
Track: Machine Guy — gbry.svg [Audio Library Release]Music provided by Audio Library PlusWatch: • Machine Guy — gbry.svg | Free Background M... Free Download / Stream: https://alplus.io/machine-guy
––––––––––––––––––––––––––––––⚠️ Request a commercial license:If you are a brand or you are working with one, you should request a license here: https://bit.ly/3Sla1qj
———🎵 Track Info:Title: Machine GuyArtist: gbry.svgGenre: Dance & Electronic Mood: Calm———😊 gbry.svg:https://youtube.com/channel/UCKB4UHid... Listen to all our releases on our Spotify playlist: http://alplus.io/spotify———