Images gallery using new material ui (mui), simple react lightbox and moment part1
This is the first part of the react firebase images gallery project using:
Reactjs, Firebase version 9, mui, simple-react-lightbox, moment, dotenv, uuid.
In this web application user can add his/her images to the gallery that shows images from different users including their avatars, names and the date of adding. Also the user can delete only his/her own images. This application apply user authentication using email address and password or using google account also authentication using facebook twitter or using phone number are also possible to be added. Users' images files and their records are saved in firebase storage and database and protected by firebase rules.
The whole videos playlist:
• Images gallery using new material ui ...
Source code on github:
https://github.com/codelikepro22/reac...
00:00 creating React App
02:48 creating main application structure
05:10 starting using new Material UI
07:49 building the Nav bar
16:00 building the form of adding images
21:00 building the images list
28:00 using simple react lightbox
29:00 solving the problem of webpack 5
34:10 adding timestamp the posted image using moment
38:00 adding user's avatar to the posted image
41:16 adding options (delete) to the posted image
46:52 introduction to the next video (part 2)
The whole videos playlist:
• Images gallery using new material ui ...
Demo link:
https://react-firebase-gallery-testin...
Watch video Images gallery using new material ui (mui), simple react lightbox and moment part1 online without registration, duration hours minute second in high quality. This video was added by user Code Like Pro 24 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,19 once and liked it 9 people.