A website that gives user information about thier current location weather, also allow them to search for any country's weather for the current day and the next six days.
- Live Link
- Figma Design
- Countries Names API
- Countries Coordinates API
- Countries Weather Information API
Know the weather case to prepare ourselves for weather situations.
Develop a website that provides weather information for any country.
- Opens the application and views a greeting screen with the app name
- Clicks a button to move to the main page
- Clicks “Allow” in the location permission prompt to give access to the website to know your location and view the weather situation in user’s area.
- Views the weather in user's current location
- Can scroll down to find more information about wind, humidity, UVI, and pressure.
- Can click a search icon to search for other cities and view their weather information.
- As a user, I should face a greeting screen with information about the app.
- As a user, I should see a screen with weather information in my location.
- As a user, I can search for other locations so I can view the weather there.
- Simple UI.
- Responsive design.
- Accurate information.
- Multi-language search.
- Autocomplete search field.
- Clear landing page with slider.
- HTML → Markup.
- CSS → Markup Styling.
- JavaScript → DOM Manipulation.
- GitHub → Deploy & Code Store.
- Fetch API → Fetch Needed Information.
- Visual Studio Code → Our main text editor.
Open your terminal and paste this inside it line by line:-
git clone https://github.com/GSG-CF04/FlowX
cd FlowX
code .