Skip to content

Website created with Weather API integration with React.js that provides weather information for the city you want! 🗺️

Notifications You must be signed in to change notification settings

matheusmartinsviana/weather-app

Repository files navigation

Weather App

The Weather application is a website built using React and various backend concepts, including API integrations. It exclusively utilizes the Open Weather API, which provides a free version with various information about any desired region.

Deploy

To deploy the application, follow these steps:

  1. In the root folder of the project, navigate to the backend directory:
    cd backend
  2. Install the necessary dependencies:
    npm install
  3. Return to the root folder:
    cd ..
  4. With the backend server running, start the frontend development server from the root folder:
    npm run dev
  5. Open your browser and navigate to:
    http://localhost:5173/
    

Front-end

Libraries Used:

  • React-slick, Bootstrap: For creating customized components.
  • Axios: For integrating with the backend.
  • Vite: To facilitate project deployment and provide an optimized development environment.
  • React-router-dom: For navigation between pages on the site.

Back-end

Libraries Used:

  • cors: To authorize requests.
  • express: To create a server for handling frontend requests.
  • SendGrid API: To send emails with the weather information.

About

Website created with Weather API integration with React.js that provides weather information for the city you want! 🗺️

Resources

Stars

Watchers

Forks