This is a simple weather application built with React.js. It fetches weather data from the OpenWeatherMap API and displays it to the user.
- Displays current weather information including temperature, humidity, and wind speed.
- Uses Axios for making HTTP requests.
- Uses React Router DOM for navigation.
-
Clone the repository:
git clone https://github.com/yourusername/weather-app.git
-
Install dependencies for the frontend:
cd weather-app npm install -
Get an API key from OpenWeatherMap:
- Sign up or log in to your account on OpenWeatherMap.
- Once logged in, go to the API keys section to generate a new API key.
-
Add your API key to the file in the backend file Controller.java
-
Start the frontend development server:
npm start
-
Open http://localhost:3000 in your browser to view the app.
-
Start the backend server:
-
Make sure you have Java and Maven installed on your system.
-
Navigate to the
backenddirectory in your project:cd backend -
Build the Spring Boot application:
mvn clean install
-
Run the Spring Boot application:
mvn spring-boot:run
-
-
The backend server should now be running on http://localhost:8080.
- React: A JavaScript library for building user interfaces.
- Axios: Promise-based HTTP client for the browser and Node.js.
- React Router DOM: Declarative routing for React applications.
- Spring Boot: Framework for building Java-based applications.
- Enter a location in the search bar to view the weather information for that location.
- The application will display the current temperature, humidity, and wind speed.
- You can navigate to different pages using the provided links.
This application was created by Tom Nelson.
origin/main