Skip to content

Latest commit

 

History

History
70 lines (44 loc) · 2.38 KB

README.md

File metadata and controls

70 lines (44 loc) · 2.38 KB

🌦️ 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.