React TypeScript Weather App

A simple weather app that allows you to get current weather information, based on the city you are.

You can change the theme of the application by clicking on the circle near the search bar and select an available theme.

When you enter a city in the input field, you will have access to tips that you can select by clicking or navigating through them using the up and down keys, then click enter to select the city you need

Installation

git clone git@github.com:Bukovski/react-ts-weather-app.git
cd react-ts-weather-app
npm install
npm run start

.env.local

• REACT_APP_OPENWEATHERMAP_API_KEY - your personal key from openweathermap api_keys
• REACT_APP_IPINFO_API_KEY - your personal key from ipinfo
• REACT_APP_AUTOCOMPLETE_API_KEY - your personal key from here.com
• REACT_APP_STORAGE_NAME_THEME_COLOR - store the key for the skin color in localStorage

Use Api

• get weather data from openweathermap
• get user location data from ipinfo.io
• get autocomplete data for input from here.com

Use Libs

• Font icons and CSS weather-icons
• Diagram apexcharts.com, react-apexcharts
• Change data format with momentjs
• Publish files on GitHub gh-pages
• Pop-up messages on the page. Used to show errors vercel-toast
• A simple animated number for React animated-number-react