Skip to content

sagarchauhan015/sky-cast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

sky-cast

skyCast - A Simple Weather App by which you can get weather details of your current location as well as the place you want to know.

Welcome to WeatherApp! This is a simple weather application that allows users to check the current weather conditions for a specific location. The app provides real-time temperature, humidity, and other weather-related data to help users stay informed about the weather in their desired locations.

Table of Contents

Features

  • Know weather at your current location.
  • Search for weather conditions by entering a city name.
  • Displays real-time temperature in Celsius.
  • Shows humidity percentage for the selected location.
  • Shows other weather related information.
  • Responsive design for both desktop and mobile devices.

Technologies Used

  • Frontend: React.js, HTML, CSS, JSX
  • Backend: Node.js, Express.js
  • API: OpenWeatherMap API
  • Deployment: AWS (Amazon Web Services)

Getting Started

To get started with WeatherApp, follow the steps below:

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/sagarchauhan015/sky-cast.git
    cd frontend
    
  2. Install frontend dependencies: [you can get all the dependencies in package.json]

    cd weather-app
    npm install
    
  3. Install backend dependencies: [you can get all the dependencies in package.json]

    cd backend
    npm install
    
    

Usage

  1. Obtain an API key from OpenWeatherMap by signing up on their website.

  2. In the backend/server.js file, replace 'YOUR_OPENWEATHERMAP_API_KEY' with your API key.

  3. Start the frontend and backend servers:

    Start the frontend server:

     cd frontend
     npm start

    Start the backend server:

     cd backend
     npm start
    
    
  4. Open your browser and navigate to http://localhost:3000 or at which your frontend server is running to access the WeatherApp UI.

  5. You will see the UI:

Screenshot 2023-08-09 at 12 17 03 AM Screenshot 2023-08-09 at 12 18 03 AM Screenshot 2023-08-09 at 12 18 37 AM Screenshot 2023-08-09 at 12 18 46 AM

Contributing

Contributions are welcome! If you find a bug or have suggestions for improvements, please submit an issue or a pull request.

MIT License

About

Simple Weather App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published