COMPANY: CODTECH IT SOLUTIONS
NAME: GANESH E
INTERN ID: CT6WINB
DOMAIN: MERN STACK WEB DEVELOPMENT
BATCH DURATION: JAN 5th,2025 TO FEB 20th,2025
MENTOR NAME: NEELA SANTHOSH KUMAR
A simple weather application built with React that allows users to search for weather information by city or by their current location. The app displays various weather details, including temperature, wind speed, humidity, and a search history feature.
Search Weather by City : Enter a city name to get the current weather information. Current Location Weather : Get weather details based on your current geographical location. Unit Toggle : Switch between metric (Celsius) and imperial (Fahrenheit) units. Search History : View and click on previously searched cities to quickly retrieve their weather data. Clear Search History : Remove all entries from the search history.
React : A JavaScript library for building user interfaces. Axios : A promise-based HTTP client for making API requests. Font Awesome : For weather icons. CSS : For styling the application.
Clone the Repository : First, clone the repository to your local machine. Open your terminal and run: bash 1 git clone Replace with the actual URL of your GitHub repository. Navigate to the Project Directory : After cloning, navigate to the project directory: bash 1 cd Replace with the name of the folder created by cloning the repository. Install Dependencies : Install the necessary dependencies for the project: bash
1 npm install Start the Backend Server : If your backend is set up in a separate directory (e.g., server), navigate to that folder and start the server: bash cd server npm start Start the Frontend Application : Open a new terminal window or tab, navigate back to the project directory, and start the frontend application: bash cd .. npm start Open in Browser : Open your browser and navigate to http://localhost:3000. Ensure Backend Server is Running : Ensure that the backend server is running on the appropriate port (e.g., 5000).