Skip to content

This project is a weather finder application built using ReactJS. It allows users to search for the weather of different locations and provides real-time weather information. The project was bootstrapped with Create React App.

Notifications You must be signed in to change notification settings

Shashikumar-ezhilarasu/My-WeatherApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌦️ Weather Finder App with ReactJS

image

This project is a weather finder application built using ReactJS. It allows users to search for the weather of different locations and provides real-time weather information. The project was bootstrapped with Create React App.

Getting Started

In the project directory, you can run :

🚀 npm start

Runs the app in development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

🧪 npm test

Launches the test runner in interactive watch mode.
See the section about running tests for more information.

🛠️ npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified, and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Features

  • Location-based Weather: Search and display real-time weather information for different locations.
  • Responsive Design: The app is designed to work seamlessly on various screen sizes.
  • CSS Styling: Utilizes various CSS stylings to enhance the visual appeal of the application.

Project Structure

  • src/ - Contains the source code for the React app.
    • components/ - React components used in the project.
    • services/ - Services for fetching weather data.
    • styles/ - CSS styles for styling the components.
  • public/ - Public assets and HTML file.

📷 Screenshots

Weather Finder App

Technologies Used

  • ReactJS
  • Create React App
  • CSS for styling

How to Use

  1. Clone this repository.
  2. Run npm install to install dependencies.
  3. Run npm start to start the development server.
  4. Open http://localhost:3000 in your browser.

Feel free to explore the code and customize it for your needs. Happy coding!


This project was created with ❤️ by shashikumar.

About

This project is a weather finder application built using ReactJS. It allows users to search for the weather of different locations and provides real-time weather information. The project was bootstrapped with Create React App.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published