Mission 5 Part 2 from Team 5

About the project:

Recreation of z.co.nz/find-a-station with design from the Mission Ready UX team.

Built with:

• Javascript React (Vite)
• Node.js (Express)
• MongoDB

Getting started:

Prerequisites:

• Node.js version 20+
• MongoDB with mongosh installed
• A google cloud account with Google Maps Platform API key enabled

Installation:

1. Clone the repo
2. cd ./seed-data
3. npm i
4. node seedStations.js
5. node seedGeocodes.js
6. in monogosh
7. db m5
8. db.createView("stations-geocode", "stations", [ { $lookup: { from: "geocodes", localField: "title", foreignField: "key", as: "geocodeData" } }, { $unwind: "$geocodeData" }, { $addFields: { location: "$geocodeData.location" } }, { $project: { geocodeData: 0 } } ] )
9. cd ../backend
10. create .env file with GOOGLE_MAPS_API_KEY=YOUR_API_KEY
11. cd ../frontend
12. create .env file with VITE_API_KEY=YOUR_GOOGLE_MAPS_API_KEY
13. cd ../backend
14. npm start
15. in new terminal: cd ./frontend
16. npm run dev

Acknowledgements

• Dan, Liam, Natalia from Mission Ready
• react-select library