Skip to content

Latest commit

 

History

History
62 lines (50 loc) · 2.49 KB

File metadata and controls

62 lines (50 loc) · 2.49 KB

🗺️ 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