https://github.com/fairycreator/weather_app

WeatherApp: allows the user to search for a location, and in turn get the relevant weather information.
https://github.com/fairycreator/weather_app

api typescript vercel vercel-deployment weather-app

Last synced: about 2 months ago
JSON representation

WeatherApp: allows the user to search for a location, and in turn get the relevant weather information.

• Host: GitHub
• URL: https://github.com/fairycreator/weather_app
• Owner: fairycreator
• Created: 2023-10-15T19:23:21.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-22T21:42:40.000Z (over 2 years ago)
• Last Synced: 2025-03-16T23:42:29.863Z (over 1 year ago)
• Topics: api, typescript, vercel, vercel-deployment, weather-app
• Language: JavaScript
• Homepage: https://weather-app-rho-jade-48.vercel.app/
• Size: 219 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Interview Challenge

This is a simple React app that allows the user to search for a location, and in turn get the relevant weather information.

The **required features are working** and have already been implemented, but the implementation can be improved in many different ways.

Given the existing solution, **refactor and tidy** the code to what you believe would be a better implementation while keeping **accessibility** in mind. The goal is to end up with a more flexible solution to be able to accommodate further required features.

## Getting Started

 - Clone the repository

 - Run **`yarn`** or **`npm i`** to install required dependencies

 - Run **`yarn dev`** or **`npm run dev`** to start server

 - Run **`yarn test`** or **`npm run test`** to run tests

## Bonus Ideas

 - Implement a theme switcher i.e. **Dark / Light Mode**

 - Make styling responsive

 - Extended app with additional data being displayed, or more user control

 

## API Responses

 

### Location

    [ {	"name": "Copenhagen",

    

		    "local_names": {	

			    "oc":"Copenaga",

			    "gd":"Copenhagen",

			    "eo":"Kopenhago" }

			    

		    "lat": 55.6867243,

		    "lon": 12.5700724,

		    "country": "DK",

		    "state": "Capital Region of Denmark" } ]

		    

### Weather

    { "coord": {

	      "lon": 12.5701,

	      "lat": 55.6867 },

       

      "weather": [ {

	      "id": 804,

	   	  "main": "Clouds",

	      "description": "overcast clouds",

	      "icon": "04n" } ],

             

       "base": "stations",

       

       "main": {

          "temp": 2.12,

          "feels_like": -3.69,

          "temp_min": 1.04,

          "temp_max": 2.73,

          "pressure": 1014,

          "humidity": 90 },

          

       "visibility": 9419,

       

       "wind": {

          "speed": 8.35,

          "deg": 272,

          "gust": 12.78 },

          

       "clouds": { "all": 89 },

       "dt": 1678921312,

       

       "sys": {

          "type": 2,

          "id": 2035645,

          "country": "DK",

          "sunrise": 1678944219,

          "sunset": 1678986806 },

          

       "timezone": 3600,

       "id": 6949461,

       "name": "Inner City",

       "cod": 200 }