React, React Router, ES6, TDD, SCSS, MobX, Fetch API for receiving 3rd party data
Nature Office is an appication we built during our time at Turing School of Software and Design. The goal for this project, over the course of nine days, was to incorporate a new technology into our application that wasn’t explicitly taught. We chose to learn global state management using MobX.
Finding documentation and resources on MobX that were consistent was challenging. Given the short turn around time, we had less opportunity to dive deep into the "why" and "how" thing's were and were not working with our MobX implementaion. We ran into issues with using MobX's "inject" in conjunction with React Router. This caused our MobX functionality to not work quite in the way we wanted. Future iterations would address this issue. Another challenge we faced was working with the Google API. It was more complex than APIs we've used on previous projects, although in the end was a success!
- clone down this repo to desired location
cdinto the new directory- run
npm install - run
npm start - Open localhost:3000 in your favorite browser (unless your terminal says otherwise)
See a map with all spots tagged. When clicking on red flag- it opens google maps. When clicking on grey- it rerenders page and displays that specific spot details.
