[Project-1][Project Review][Feedback] Living Abroad - A simple react application helpful for people moving to new location.

[HarshithaSolai]

Hello Mentors,

This is my first project submission for the challenge. I am new to the world of react and this is my very first react application. Please have a look and provide your valuable feedback.

Living Abroad

This is a simple react application useful for people recently moved to a new place or people living away from their native country.

Background for the idea:

I recently moved to a new country from India (Bangalore). I came up with a list of features that will be helpful for people in the same situation and developed this application.

Features

1. Currency :currency_exchange: - Useful for currency conversion between two currency codes.

2. Weather :sun_with_face: - View the weather forecast for your current location. :construction: [ Work In Progress to compare weather between two places]

3. Quality of Life :innocent: - View & Compare the quality of life between two locations (based on various categories like housing, transportation, etc., ). All the information listed here is fetched from the external API by Teleport.

4. Cost of Living :moneybag: - View & Compare the cost of living (grocery items, house rent, restaurants, etc.,) between two locations.

Technology Stack

HTML5 | CSS | Javascript | React

Code

Please find the source code of the application here : Living Abroad

Live Website

Living Abroad website is deployed using Netlify. Check the Live Demo here.

Any suggestions on improvement in design and implementation are also welcomed.

[swapnadeepmohapatra]

Hey @HarshithaSolai , it's really a great site.

Some issues you would like to consider.

• If you directly open https://livingabroad.netlify.app/lifestyle it is showing 404. This is because there is no route registered on the server for this. It works only on client-side routing. Try this fix https://docs.netlify.com/routing/redirects/rewrites-proxies/#history-pushstate-and-single-page-apps

• While hovering over the buttons on the homepage it is showing a blue line under it which looks a bit weird. It would be great if you remove those.

Thank you. I am just your fellow coder.