Made with contrib.rocks.
This app is designed to provide data on countries and their social performance so users can make informed decisions about where in the world to live.
Deployment Date: 12/11/22
Deployed Site: https://migrate-abroad.herokuapp.com/
- Project Description
- Technologies
- Usage
- Images
- Challenges Encounted
- Future Development
- Resources/Links
- Credits
- License
- React
- Node.js
- Express.js
- MongoDB
- Mongoose
- GraphQL
- Apollo Server
- Heroku
- JWT
- Bcrypt
- Victory Charts
- GreenSock
- SASS
- Canva
- MindMeister
To use this application, simply visit the deployed site.
Start a search with a country in mind. Are you curious about the stats of a particular country? Type the name of the country into any search bar and hit search.
- A new page will show up with tiles displaying a title of the component being measured, the country’s associated rating or ranking for that measurement and a relevant icon.
- Clicking on the tile will populate more detailed country information and a graph with historical ratings for the measured component.
- There are currently 12 tiles available per country which show how a country ranks on matters like Access to Basic Knowledge, Personal Safety, and Health and Wellness. Click them all or only the ones pertinent to you for a better understanding of the country you might one day call home.
Not set on a destination, yet? Use our Helper to pinpoint a destination.
- Simply choose what’s most important to you and Migrate's Helper will suggest a country based on your selection.
- Click on the country name to see more information about the country.
To deploy the application locally run npm run develop in the terminal from the root folder.
Deployed Landing Page
Deployed Helper Page
Deployed Country Page
Deployed Data Details
Process: Wireframe
Process: Style Guide
Process: Mockup v1
Process: Mockup v2
Because we each took on specific components of the app to produce, an overarching challenge was understanding the functionality of other components and how they interacted with each other.
Independently, we each had our own set of challenges within our own components. Integration of the search bar functionality and the ability to capture the results in separate places within the app required a great deal of collaborative troubleshooting. The functionality of the intake form involved many moving parts that eventually led to it being rewritten entirely. Victory charts were a new technology that required a great deal of research and experimentation to affect visual data presentation.
- Check results of image search to avoid duplicate images
- Add a "compare" feature to compare countries
- Refactor Helper component to use mapping
- Transparent and equal-sized icons
- Add user location, weather comparison and currency conversion
- Add images to login page
- Add RFS component and redeclare font sizes for responsiveness
Click the badge to learn more about the license used for this project.
If you have any questions about the repo, open an issue or contact any of the collaborators through github (linked above).
None of our work would have been possible without the invaluable data resources provided by Social Progress Imperative.