Shubham0523 / React-Weather-App-with-CRUD-Functionality-and-Routing

This is a React application that combines a weather app with CRUD (Create, Read, Update, Delete) functionality, allowing users to check the weather for a specific city and manage a list of data entries. The application also utilizes routing to navigate between different pages.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Weather App with CRUD Functionality and Routing

This is a React application that combines a weather app with CRUD (Create, Read, Update, Delete) functionality, allowing users to check the weather for a specific city and manage a list of data entries. The application also utilizes routing to navigate between different pages.

Features

  • Weather App: Check the weather for a city using the OpenWeatherMap API.
  • CRUD Functionality: Add, edit, and delete data entries with first names and last names.
  • Welcome Page: A personalized welcome page after logging in.
  • Routing: Navigate seamlessly between different sections of the application.

Table of Contents

Getting Started

To get started with this project, follow these steps:

Prerequisites

  • Node.js and npm (Node Package Manager) must be installed on your machine.

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/react-weather-crud-app.git
  2. Navigate to the project directory:

    cd react-weather-crud-app
  3. Install the dependencies:

    npm install

Usage

  1. Start the development server:

    npm start
  2. Open your web browser and go to http://localhost:3000 to access the application.

  3. Use the navigation menu to explore the Weather App, CRUD functionality, and other features, all seamlessly enabled by routing.

Technologies Used

  • React: Front-end JavaScript library for building user interfaces.
  • React Router: Library for adding routing functionality to the application.
  • Axios: Promise-based HTTP client for making API requests.
  • OpenWeatherMap API: Used to fetch weather data for the Weather App.

Contributing

Contributions are welcome! If you find any issues or would like to enhance the project, feel free to create a pull request.

License

This project is licensed under the MIT License.


HomePage crud1 crud2 login1 login2

About

This is a React application that combines a weather app with CRUD (Create, Read, Update, Delete) functionality, allowing users to check the weather for a specific city and manage a list of data entries. The application also utilizes routing to navigate between different pages.


Languages

Language:JavaScript 59.4%Language:CSS 28.7%Language:HTML 11.9%