In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.
This intermediate tutorial covers things such as creating a backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase, and much more.
🎥 Course created by Classsed. Check out their YouTube channel: https://www.youtube.com/classsed
🔗Classsed Discord: https://discord.gg/GUuKyQW
🔗Classsed Patreon: https://www.patreon.com/classsed
⭐️ Code ⭐️
Functions code repo: https://github.com/hidjou/classsed-re...
React code repo: https://github.com/hidjou/classsed-re...
Email regular expression: https://pastebin.com/f33g85pd
NoImg: https://pixabay.com/vectors/blank-pro...
API Base URL: https://europe-west1-socialape-d081e....
⭐️ Course Contents ⭐️
⌨️ ( 0:00:00) Introduction
⌨️ ( 0:07:03) Create & Read Data
⌨️ ( 0:27:56) Express & formatting response
⌨️ ( 0:42:37) User Registration
⌨️ ( 1:03:22) Validation & Login Route
⌨️ ( 1:19:33) Authentication Middleware
⌨️ ( 1:33:10) Refactoring & Organising
⌨️ ( 1:48:46) Image Upload
⌨️ ( 2:13:45) Add and Get User Profile Details
⌨️ ( 2:33:15) Getting and Commenting on Post
⌨️ ( 2:56:38) Like, Unlike and Delete Post
⌨️ ( 3:25:42) Create and Get Notifications
⌨️ ( 3:58:11) Finishing up Cloud Functions
⌨️ ( 4:23:46) Getting Started With React
⌨️ ( 4:44:01) Post Card Details
⌨️ ( 5:11:45) Login Form
⌨️ ( 5:50:36) Signup and Auth State
⌨️ ( 6:05:16) Redux Setup
⌨️ ( 6:41:17) Signup and Auth Route
⌨️ ( 6:56:35) Profile Section
⌨️ ( 7:19:48) Image Upload
⌨️ ( 7:31:24) Logout and Edit profile
⌨️ (7:53:60) Navbar Buttons
⌨️ (8:07:60) Like and Unlike Actions
⌨️ ( 8:39:11) Delete Button
⌨️ ( 8:57:45) Add Post Component
⌨️ ( 9:20:19) Post Dialog
⌨️ ( 9:47:30) Post Dialog Details
⌨️ ( 10:01:21) Displaying Comments
⌨️ ( 10:16:29) Submitting comments
⌨️ ( 10:37:28) User Page
⌨️ ( 10:54:30) Notifications
⌨️ ( 11:31:59) Loading Skeletons
⌨️ ( 11:59:28) Deployment to Firebase
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://www.freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent...
front end languages Full Stack React & Firebase Tutorial - Build a social media app | |
| 5,671 Likes | 5,671 Dislikes |
| 149,055 views views | 1.35M followers |
| Education | Upload TimePublished on 24 Jun 2019 |
Related keywords
software engineer - yes she codes 2019,redux logger,html5,react tutorials,web development helper,engineering management,react course wes bos,redux middleware,redux tutorial for beginners,create a new social media site,social media apps like instagram,express tutorial node js,firebase tutorial xamarin,cloud functions firebase,redux tutorial angular,firebase cli,redux tutorial pdf,coding bootcamp mexico,codingbat,firebase tutorial youtube,firebase tutorial react native,course la parisienne,single page application angular 7,engineering for kids,css tutorial pdf,single page application meaning,redux gta 5,web designer curso ead,nonprofits in the bronx,front end react,react tutorial best,css position,freecodecamp.org javascript,course odyssea,crud javascript,redux store,css flexbox,freecodecamp.org forum,material ui color,javascript tutorialspoint,reaction time,coding and marking services s.a,material ui dialog,tutorialspoint python,coding music,engineering design process,engineering colleges,css box model,nonprofits organizations,react router,react tutorial and projects course free,react tutorial beginner,coding challenges,web development agency,single page application template,engineering notebook,javascript switch,social media app builder,javascript tutorial callback,html kodları,learn to code in java,course des héros,tutorialspoint javascript,learn to code medium,developer full stack,engineering games,javascript tutorial indonesia pdf,mathilda leon,react course online,react course sydney,single page application vue,react hooks,firebase react native,authentication react,reaction memes,python gui,firebase tutorial database,social media app development,react presto,crudivorismo,react native,javascript tutorial code,coding bootcamp buenos aires,programmer jobs,redux hooks,technology addiction,redux tutorial react native,programmer socks,technology companies,python dictionary,material ui table,crud pdo php,courses longchamp,how can i create a social media website,firebase tutorial ios,coding bootcamp praha,authentication and authorization,css background image,nonprofits in nyc,coding que es,developer options traduccion,web designer vagas,react course udemy,create a social media website,course du jour,react course 2019,redux devtools,express tutorial api,javascript tutorial pdf,cloud functions vpc connector,html ile gelişmiş web işlemleri,programmer salary,firebase documentation,authentication vs authorization,firebase python,coding horror,front end trabajo,social media apps not working,web development on mac,social media app vsco,coding bootcamp bogota,full stack developer meaning,how to create a social media website pdf,social media apps that pay you,web development germany,courses en ligne,nonprofits in brooklyn,crudités,tutorial gateway,software engineer salary canada,full stack web development,material ui card,javascript date,software engineering book,material ui icons,nonprofits in newark nj,javascript для дітей,cloud functions example,web development with mongodb and nodejs,python online,technology meme,firebase tutorial web,nonprofits in new york,nonprofits on long island,learn to code sites,css in html,math 120,mathway,course à pied paris,programmer vs developer,developer mode,course pmu,cloud functions ffmpeg,frontend masters,material ui grid,front end web,math 119,web designer salario,redux tutorial deutsch,learn to code arduino,cloud functions firestore,firebase tutorial react,html to pdf,css meaning,cloud functions codelab,freecodecamp.org html,freecodecamp.org blog,python for cycle,express women,javascript tutorial,learn to code guide,coding school argentina,course 10km paris,http://freecodecamp.org,courses monoprix,mathazone portal,express jeans,javascript це,learn to code with ruby,technology in education,redux connect,web development это,social media apps 2019,social media approval workflow,cloud functions function returned undefined expected promise or value,react course pdf,front end angular,technology stocks,developer samsung,coding dojo,javascript tutorial web development,firebase tutorial for beginners,full stack designer,tutorials dojo,authentication types,single page application angular,javascript tutorial for beginners,front end en español,engineering careers,firebase tutorial npm,full stack python,technology stack,software engineering,coding bootcamp peru,freecodecamp.org certificate,html table,tutorialspoint c#,react course video,redux react,social media applications,coding for kids,crude oil,express tutorial mdn,react tutorials for beginners,learn to code html & css develop & style websites,nonprofits in nj,material ui typography,freecodecamp.org reddit,javascript reduce,single page application javascript,web development presentation,developer console,redux tutorial step by step,front end vs back end,react tutorialspoint,freecodecamp.org medium,coding school,firebase pricing,reactionary,javascript tutorial w3,programmer analyst jobs,single page application tutorial,authentication required (repo.magento.com),web designer o que faz,programmer's notepad,redux thunk,creating a social media website from scratch,developer mozilla,social media apps for teens,web development курсы,single page application angularjs,single page application seo,crude petroleum,authentication token manipulation error,coding bootcamp madrid,learn to code html & css,web designer,crude,css class,javascript tutorial documentation,technology credit union,coding ways,tutorialspoint java,crud php mysql,courses u,mathazone,programmer interview questions,programmer calculator,crudo,course cycliste,tutorial meaning,python snake,web development w3schools,authenticationentrypoint,javascript книги,css profile,coding love,materialuicolors.co,javascript tutorial function,software engineer salary,express tutorial 2019,express coupons,software engineer vs developer,crudívoro,create a social media site free,redux tutorial example,authentication failed git,express tutorial 2018,coursera,front end developer salary,python class,html yorum satırı,tutorial teacher,python regex,redux reducer,create a social media website free,css selectors,reactstrap,social media apps in china,cloud functions go,tutorial on variational autoencoders,mathieu valbuena,software engineer intern,software engineer jobs,react course best,engineering paper,nonprofits near me,javascript map,technology jobs,python if,engineering toolbox,freecodecamp.org music,firebase tutorial android,nonprofits hiring nyc,engineering salary,firebase que es,full stack engineer 翻訳,redux tutorial video,freecodecamp.org react,learn to code c++,javascript foreach,javascript tutorial w3school,crud o que é,coding zone,web development ide,express tutorial js,javascript tutorial github,firebase tutorial,create social media website php,courseulles sur mer,authenticationprovider,full stack supply co,react tutorial на русском,developer que es,html dersleri,engineering notation,express bus fare,html button,front end jr,programmer memes,express tutorial typescript,material ui listitem,learn to code for free,react course download,learn to code in wordpress,javascript tutorial for frontend developers,material ui icon button,create a social media site,crud react,freecodecamp.org podcast,cloud functions python,redux tutorial,coding bootcamp online,react carousel,javascript это,create your own social media website,tutorialspoint react,developer traduccion,learn to code from zero,html öğren,javascript online,cloud functions cron,javascript уроки,cloud functions api,express tutorial youtube,redux tutorial from scratch,express tutorial rest api,express times,redux form,learn to code journalists,authentication plugin 'caching_sha2_password' is not supported,learn to code with python 3,react course stephen grider,redux github,web designer curso,express return policy,how do i create a social media website,technology definition,full stack academy,cloud functions push notifications,create a social media website with wordpress,authentication failed for gitlab,create a social media site with wordpress,technology stores near me,cloud functions location,programmer resume,html indir,course paris versailles,cloud functions write to firestore,how to create a social media website using php,cloud functions logging,html form,software engineering course,react tutorial for beginners,python tutorial,developers google,react course free,web development stages,css animations,freecodecamp.org python,developer mar del plata,express vpn,express tutorial github,mathilda,technology news,tutorials by hugo,reactive attachment disorder,single page application websites,coding bootcamp,single page application là gì,front end engineering design,crudivegano,reactive airway disease,firebase vs mongodb,react vs angular,freecodecamp.org login,authentication failed because the remote party has closed the transport stream,full stack development,freecodecamp.org review,full stack javascript,web designer grafico,learn to code with me,social media app name generator,mathayus,tutorial definition,javascript for,tutorial on excel,web design responsivo,engineering manager salary,social media appearance vs reality,freecodecamp.org radio,javascript tutorial date,firebase tutorialspoint,reactive hypoglycemia,redux tutorial egghead,express tutorial node,react course udacity,social media app ideas,express dresses,social media apps for business,full stack meaning,developer android,css tricks,react tutorial visual studio 2017,software engineering ian sommerville,freecodecamp.org php,software engineer salario,single page application example,single page application demo,crud php,express coupon code,learn to code from scratch,programmer analyst,material ui select,full stack modular,nonprofits to work for,technology high school,javascript tutorial example,react tutorial app,react tutorial,coding bootcamp argentina,firebase android,react lifecycle,web designer significado,software engineering sommerville,react context,web designer portfolio,full stack 意味,technology quotes,programmer resources international,express tutorial pdf,material ui withstyles,material ui theme,learn to code quotes,javascript substring,freecodecamp.org java,social media apps,html renk kodları,developer park,crud c#,cloud functions rust,firebase tutorial android studio,programmer keyboard,mathmazeil,codingame,redux tutorial 2018,mathayus fantastik film,web development in 2019,firebase tutorial pdf download,authenticationheadervalue,express tutorial for beginners,javascript class,course moto gp,coding bootcamp london,firebase cloud messaging,engineering internships,python array,engineering explained,course des princesses,python input,javascript array,react bootstrap,express outlet,web designer curso gratis,html template,css color codes,engineering technology,full stack java,express tutorial part 3,redux tutorial simple,tutorial for windows 10,express tutorial part 1,course a pied,react tutorial typescript,developer console google,software engineering a practitioner's approach,freecodecamp.org youtube,express tutorial routes,express factory,create a social media website like facebook,html editor,react tutorial tabs,coding bootcamp europe,web development trends 2019,software engineering institute,reaction formation,nonprofits insurance alliance group,coding bootcamp panama,web development studio,redux persist,express credit card,mathias rust,express scripts,single page application sample,full stack trace of the errors,crud laravel,software engineering daily,cloud functions pubsub,redux tutorial angular 2,engineering technician,how do you create a social media website,redux observable,javascript split,firebase arduino,express tutorial w3schools,full stack developer course,web designer tradução,python 3,learn to code mark zuckerberg,web development services,css templates,firebase tutorial app inventor,nonprofits hiring,web designers,freecodecamp.org c++,redux tutorial react,redux tutorial youtube,react course melbourne,mathias pereira lage,express credit card login,authentication failed,firebase dynamic links,technology background,material ui modal,cssd,cloud functions gcp,coding bootcamp tec de monterrey,python download,technology synonym,css grid,crud bootstrap,front end back end meme,python ide,redux saga,redux typescript,javascript tutorial download,coding bootcamp chile,redux tutorial angular 6,create own social media website,technology in the classroom,web design inspiration,developer twitter,css pdf,front end developer,engineering jobs near me,full stack developer とは,express near me,web designer freelancer,developers facebook,python sleep,react course mosh,software engineer nubank,tutorialspoint,python print,tutorial mission gta online,react course online free,python windows,steps to create a social media website,engineering majors,developer roblox,redux tutorialspoint,single page application framework,web development company,html5 nedir,full stack developer salary,express promo code,redux tutorial reddit,firebase tutorial pdf,react tutorial 2017,react tutorial 2018,react tutorial pdf,react tutorial 2019,software engineering books,single page application architecture,react redux,mathias zanka jorgensen,react tutorial udemy,social media apps parents should know about,creating a social media website in html,firebase console,coding bootcamp rosario,web designer senac,web development tools,nonprofits in connecticut,html boşluk,firebase tutorial google,full stack developer resume,javascript tutorial library,nonprofits based in nyc,material ui list,nonprofits in stamford ct,front end frameworks 2019,programmer art resource pack,programmer dvorak,coding bootcamp guadalajara,firebase auth,javascript для детей,reactive arthritis,coding express,nonprofits nyc jobs,firebase tutorial javascript,css color picker,crud java,learn to code online,developers mercadopago,developer options,software engineering pdf,mathias zanka,express tutorialspoint,front end y back end,express scripts contact,coding bootcamp barcelona,authenticationmanager,material ui form,cloud functions context,web designer faculdade,coding house,technology readiness level,tutorial.mc-complex,can you create a social media website,tutorialspoint sql,programmer humor,material ui,front end frameworks,firebase database,firebase storage,material ui button,html nedir,react tutorial button,express men,authenticationmanagerbuilder,cloud functions price,mathworks,programmer analyst salary,nonprofits in harlem,nonprofits in manhattan,tutorial systems,html boşluk kodu,front end empleo,how to create a social media website using html,python random,redux definition,course paris,authentication plugin ' 0 ' is not supported .format(plugin_name)),full stack radio,engineering jobs,software engineer tradução,social media apps logo,single page application asp.net,tutorial synonym,matlab,firebase tutorial android pdf,react coursera github,nonprofits that pay well,single page application laravel,javascript settimeout,css transition,react tutorial and projects course free download,redux tutorial dan,learn to code html & css pdf,technology insurance company,html color,react course youtube,crud php orientado a objetos,firebase java,python kniha,programmer art,programmer jokes,mathtype,web development ukraine,html css,redux react native,web designer emprego,mathematics,reactos,engineering degrees,javascript tutorial video,freecodecamp.org github,firebase tutorial swift,material ui input,material ui textfield,crud angular,firebase google,redux angular,technology etf,express tutorialspoint pdf,coding bootcamp houston,mathematica,single page application react,authentication plugin 'caching_sha2_password' cannot be loaded,authentication methods,web designer salvador,social media app blocker,technology student association,python list,react course egghead,express employment,developers mercadolibre,front end loading,javascript replace,web designer mei,firebase tutorial java,express tutorial medium,coding train,express bus nyc,web development news,front end technologies,react coursetro,redux tutorial medium,course du chateau de vincennes,authentication method 'caching_sha2_password' not supported by any of the available plugins,single page application advantages,coding bootcamp españa,social media apps for kids,tutorial music,front end curso,full stack web developer salary,software engineering salary,firebase hosting,programmer job description,firebase angular,developer apple,web development book,css style rules,
Không có nhận xét nào:
Đăng nhận xét