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.
- 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.
To get started with this project, follow these steps:
- Node.js and npm (Node Package Manager) must be installed on your machine.
-
Clone this repository to your local machine:
git clone https://github.com/your-username/react-weather-crud-app.git
-
Navigate to the project directory:
cd react-weather-crud-app
-
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and go to
http://localhost:3000
to access the application. -
Use the navigation menu to explore the Weather App, CRUD functionality, and other features, all seamlessly enabled by routing.
- 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.
Contributions are welcome! If you find any issues or would like to enhance the project, feel free to create a pull request.
This project is licensed under the MIT License.
![HomePage](https://private-user-images.githubusercontent.com/95907789/258664387-6ea43f5e-780e-4166-988e-85feca8f1c21.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI3MjMxNTgsIm5iZiI6MTcyMjcyMjg1OCwicGF0aCI6Ii85NTkwNzc4OS8yNTg2NjQzODctNmVhNDNmNWUtNzgwZS00MTY2LTk4OGUtODVmZWNhOGYxYzIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDIyMDczOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZmNjEzMjJjZmFlYzU1ZGQ1Y2Y2YzkwZmM5MjNiOGE1ZjlmZTE4Y2U1MTYzNDc4NzhiNDQ5YWFiNzE2ZjIyMmMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.W7qQqL-b15hbCbdeLbXiK9jZ-SyjdlDQt5UHM0Rsb2s)
![crud1](https://private-user-images.githubusercontent.com/95907789/258664414-b110807b-7d7f-4346-8951-78d4451d716c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI3MjMxNTgsIm5iZiI6MTcyMjcyMjg1OCwicGF0aCI6Ii85NTkwNzc4OS8yNTg2NjQ0MTQtYjExMDgwN2ItN2Q3Zi00MzQ2LTg5NTEtNzhkNDQ1MWQ3MTZjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDIyMDczOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU2ZGI0ODA0NmZjMDNlODIyZTA2MmU2ZTlkYTQ4OTQ1NzczZDBlNmUzNmQ5M2QxMTQxN2NlZTMzYmY2YWQzOWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EFcujNtyG3wlnZL8QbVs9fN4qOtqudHJotGCa1Kg3QE)
![crud2](https://private-user-images.githubusercontent.com/95907789/258664396-c50775b1-1725-4e73-89da-c51b3c896982.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI3MjMxNTgsIm5iZiI6MTcyMjcyMjg1OCwicGF0aCI6Ii85NTkwNzc4OS8yNTg2NjQzOTYtYzUwNzc1YjEtMTcyNS00ZTczLTg5ZGEtYzUxYjNjODk2OTgyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDIyMDczOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyYzc4MjllNjVmZTk1MGUwZWZjMzgwNWQ4MTJmYTg5M2Q4Y2E3ZTFmNWM1NzBlMzUwMDE4ODdhNGNiNTc0NWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.j7e3pMjODDP5w_B_sibaoQAnud1F50TFtObdqTESHXg)
![login1](https://private-user-images.githubusercontent.com/95907789/258664420-ae0b8a23-d58e-44d7-a923-6f300a377c02.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI3MjMxNTgsIm5iZiI6MTcyMjcyMjg1OCwicGF0aCI6Ii85NTkwNzc4OS8yNTg2NjQ0MjAtYWUwYjhhMjMtZDU4ZS00NGQ3LWE5MjMtNmYzMDBhMzc3YzAyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDIyMDczOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE3ZGQxMDc0MzQ3Y2JlNGUwNmY1ODIzNWY0YWE4NjA3OTEyODRiM2NjMDUyNTFmMjRmZTc1NTBiMmRhOWZjZDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.II-B-gXMzUN45ugHu9qQ8EMEuvWIKDglWS_e3dcWlQ8)
![login2](https://private-user-images.githubusercontent.com/95907789/258664424-a9017c11-15d6-4dc4-9720-05c8c87e9848.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI3MjMxNTgsIm5iZiI6MTcyMjcyMjg1OCwicGF0aCI6Ii85NTkwNzc4OS8yNTg2NjQ0MjQtYTkwMTdjMTEtMTVkNi00ZGM0LTk3MjAtMDVjOGM4N2U5ODQ4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODAzVDIyMDczOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThjNjMxMjhiMmQzNGZmNzAyMjZmMGIzNWNmMGZlODFmZDc5OGYyMDQ0YjJhZWJkM2M5MjM3ZjIzODA2OWY4M2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fx8gR_62qAP1lYCKquBCw2CbGYFQQ_RAozQ5LotE11M)