🌳 Conservation Nation provides users the ability to learn about designated protected areas across the globe 🌳
This project is the final capstone project for BrainStations Full Stack Web Development Bootcamp. The goal was to conceptualize, propose, plan and execute a full stack application within 2 weeks. Conservation Nation was built using React, SASS, and Leaflet (mapping API) for the front end, Node/Express for the backend, along with JWT token for Auth. MongoDB/Mongoose was used as my NoSQL database to manage over 175,000 area objects and users data.
Watch my demo!: https://lnkd.in/dGzF7H8
Checkout the deployed application: https://conservation-nation.herokuapp.com/
Since the completion of the program, I have implemented further technologies into the project to familiarize myself with new concepts, these include:
⭐ Heroku for full-stack deployment
⭐ Redux, React-Redux, and @Reduxjs/toolkit (Full application state not yet managed glabally)
⭐ React-media (JavaScript media query library)
I am taking a break for a few weeks to learn some new technologies and build another application
🧬 Next Steps 🧬
🔧 Minify GeoJSON files - When searching countries with large amounts of areas (ie. Canada) there will be a long loading time
🔧 Refactor to use MVC architecture
🔧 Add additional info about areas and taxons (descriptions, articles, recent news etc...)
🔧 Planning to make over some UI/UX to make the app more intuitive to navigate
Tips for navigation:
➡️ "Where To" will bring up the navigation bar in tablet screen and larger
➡️ Search a country in the search bar
➡️ Click on a protected area
➡️ Click the explore button
➡️ Then freely select the icons that appear on the map
➡️ Reapeat!!
⭐ Please let me know if have any questions at all! I will surely be at my computer! :)
⭐ Thank you to for your interest and happy exploring!
