Skip to content

devstardude/Places-visite-firebase-image-upload

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

🗺️ Place Visité

🌟 Introduction


Want to Track the places you visit with a Great UI and User Experience?
Place Visité is the Solution.
This is a Feature-Rich app in which you can add and remove places you visited to your profile and also see where other people have been going.
You just need to make an account, write your address and Boom, your coordinates are Fetched with Inbuilt Geocoding.
Furthermore, you can see your location on Google maps inside the app.

🏖️ How Does It Work


On the homepage, you'll see all the other users and places they visited.
To add your place just Sign-Up/Sign-In with your Email and click on Add place, then Fill out the Details form.
Just pay special attention while filling Address Field, as it will be used to fetch coordinates of that place via Geocoding.
So try to be as accurate as possible.
After adding the place you can see it in your Dashboard where you can also Edit and Delete your Places.

You can see detailed Working of App on Youtube: Video

👨‍💻 Why I Made This App


I personally have a Dream to visit as many Beautiful Places in the World as I can.
So this App is developed for people like those who visit different places in the world and not just want to keep track of them but to show it to the world too.
It's Simple, Beautiful and one day I would also love to add a Genuinely visited International place in this application.

📚 What I Learned while making this App


During the development of this app, I strengthened previous knowledge and Learned various new things and like...

  • React.js with hooks
  • Node.js and Express Restful API
  • Working with JSON Data
  • Fetch API Calls
  • Multer Image Upload (Changed to Firebase image upload because Heroku deletes uploaded files after each dyno restart )
  • Using Material UI Components
  • Using Particle.js as Background

⚙️ Technology Stack


~ Frontend

  • React.js with Hooks
  • Html, Css, Javascript
  • Material UI

~ Backend

  • Node.js with Express

~ Database

  • MongoDB (Mongoose)

~ Hoisted on

  • Frontend on Firebase and Backend on Heroku

🔗 Links


See Live Running App on: Place visité
See Portfolio Website at: Portfolio

About

This is a Feature-Rich app in which you can add and remove places you visited your profile and also see where other people have been going.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published