Udemy - React Dropzone drag and drop files and upload to firebase

CategoryOther
TypeTutorials
LanguageEnglish
Total size329.5 MB
Uploaded Byfreecoursewb

Downloads20
Last checkedMar. 13th '22
Date uploadedMar. 11th '22
Seeders 2
Leechers1

Infohash : BB57084AB972933A2D90AD531652CBCCBAC516E4

React Dropzone drag and drop files and upload to firebase

https://DevCourseWeb.com

Genre: eLearning | MP4 | Video: h264, 1280x720 | Audio: AAC, 48.0 KHz
Language: English | Size: 328 MB | Duration: 35m

Drap and drop the images and create posts like social media platform

What you'll learn
Build an app with drag and drop function
Upload multiple images/files to firebase storage
Create a basic social media app
Style the app with tailwindCSS

Requirements
basic react
Description
React Dropzone drag and drop files and upload to firebase

                            Files: 
                            [ DevCourseWeb.com ] Udemy - React Dropzone drag and drop files and upload to firebase

Get Bonus Downloads Here.url (0.2 KB)
~Get Your Files Here !
1. Create project with nextjs and add dropzone component.mp4 (16.4 MB)

10. Render images and timestamp.mp4 (41.6 MB)

11. Styling the dropzone.mp4 (26.0 MB)

12. Styling the input field and button.mp4 (26.4 MB)

2. Install react dropzone packages.mp4 (10.3 MB)

3. Handle the dropped file.mp4 (32.4 MB)

4. Setup the firebase firestore and storage.mp4 (11.5 MB)

5. Connect Next.js app to firebase.mp4 (28.7 MB)

6. Post the text to firestore.mp4 (35.6 MB)

7. Upload the images array to the firebase firestore.mp4 (43.5 MB)

8. Install TailwindCSS and add Posts component.mp4 (21.1 MB)

9. Render the posts.mp4 (34.1 MB)

Bonus Resources.txt (0.4 KB)
learn-dropzone-02-install-dropzone-package
README.md (1.5 KB)

eslintrc.json (0.0 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package.json (0.4 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (0.4 KB)

index.js (0.2 KB)
public
favicon.ico (25.3 KB)

vercel.svg (1.1 KB)
styles
Home.module.css (1.7 KB)

globals.css (0.3 KB)

yarn.lock (72.4 KB)
learn-dropzone-05-connect-firebase
README.md (1.5 KB)

eslintrc.json (0.0 KB)

firebase.js (0.9 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package.json (0.4 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (0.9 KB)

index.js (0.2 KB)
public
favicon.ico (25.3 KB)

vercel.svg (1.1 KB)
styles
Home.module.css (1.7 KB)

globals.css (0.3 KB)

yarn.lock (105.5 KB)
learn-dropzone-06-upload-a-post
README.md (1.5 KB)

eslintrc.json (0.0 KB)

firebase.js (0.9 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package.json (0.4 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (1.3 KB)

index.js (0.2 KB)
public
favicon.ico (25.3 KB)

vercel.svg (1.1 KB)
styles
Home.module.css (1.7 KB)

globals.css (0.3 KB)

yarn.lock (105.5 KB)
learn-dropzone-07-upload-images-array
README.md (1.5 KB)

eslintrc.json (0.0 KB)

firebase.js (0.9 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package.json (0.4 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (1.8 KB)

index.js (0.2 KB)
public
favicon.ico (25.3 KB)

vercel.svg (1.1 KB)
styles
Home.module.css (1.7 KB)

globals.css (0.3 KB)

yarn.lock (105.5 KB)
learn-dropzone-08-add-posts-component-and-tailwindcss
README.md (1.5 KB)

eslintrc.json (0.0 KB)

firebase.js (0.9 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package-lock.json (127.9 KB)

package.json (0.5 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (1.8 KB)

Posts.js (0.1 KB)

index.js (0.3 KB)

postcss.config.js (0.1 KB)
public
favicon.ico (25.3 KB)

vercel.svg (1.1 KB)
styles
Home.module.css (1.7 KB)

globals.css (0.3 KB)

tailwind.config.js (0.2 KB)

yarn.lock (105.5 KB)
learn-dropzone-09-render-posts
README.md (1.5 KB)

eslintrc.json (0.0 KB)

firebase.js (0.9 KB)

gitignore (0.4 KB)

next.config.js (0.1 KB)

package-lock.json (127.9 KB)

package.json (0.5 KB)
pages
_app.js (0.1 KB)
api
hello.js (0.2 KB)
components
Dropzone.js (1.8 KB)

Posts.js (0.8 KB)

                                Code:
                            
                                        udp://tracker.torrent.eu.org:451/announce                                    

                                        udp://tracker.tiny-vps.com:6969/announce                                    

                                        http://tracker.foreverpirates.co:80/announce                                    

                                        udp://tracker.cyberia.is:6969/announce                                    

                                        udp://exodus.desync.com:6969/announce                                    

                                        udp://explodie.org:6969/announce                                    

                                        udp://tracker.opentrackr.org:1337/announce                                    

                                        udp://9.rarbg.to:2780/announce                                    

                                        udp://tracker.internetwarriors.net:1337/announce                                    

                                        udp://ipv4.tracker.harry.lu:80/announce                                    

                                        udp://open.stealth.si:80/announce                                    

                                        udp://9.rarbg.to:2900/announce                                    

                                        udp://9.rarbg.me:2720/announce                                    

                                        udp://opentor.org:2710/announce