Add files via upload

README.md

@@ -1,74 +1,8 @@
+# React + Vite
 
-# WeatherApp Project
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-Project Summary:
-
-I've developed a sleek and user-friendly weather app using React, integrating real-time data from a reliable weather API. The app provides accurate and up-to-date weather information, allowing users to effortlessly check forecasts, current conditions, and more. The intuitive design ensures a seamless user experience, making it easy for anyone to stay informed about the weather with just a few clicks.
-
-
-## Deployment
-
-I have deployed my project in netlify 
-
-
-## Authors
-
-- [@affancoder](https://github.com/affancoder)
-
-
-## API Reference
-
-website: open weatherapp
-
-
-## Run Locally
-
-Clone the project
-
-```bash
-  git clone https://link-to-project
-```
-
-Go to the project directory
-
-```bash
-  cd my-project
-```
-
-Install dependencies
-
-```bash
-  npm install
-```
-
-Start the server
-
-```bash
-  npm run start
-```
-
-
-## 🚀 About Me
-👋 Hi, I’m @affancoder (MD Affan Asghar)
-
-👀 I’m interested in coding.
-
-🌱 I’m currently Full Stack Web developer & Java Programmer.
-
-💞️ I'm looking to collaborate on exciting and innovative projects that align with my skills and interests.
-
-
-## 🔗 Links
-[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://affancoder.github.io/Portfolio_Website/)
-
-Email: affanasgar8@gmail.com
-
-LinkedIn: https://www.linkedin.com/in/mdaffanasghar/
-
-Instagram: https://www.instagram.com/mr_affan15/
-
-GitHub: https://github.com/affancoder
-## Feedback
-
-If you have any feedback, please reach out to us at affanasgar8@gmail.com
+Currently, two official plugins are available:
 
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

src/InfoBox.css

@@ -11,3 +11,11 @@
   background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQuRjcEFumeRKP6KOoRsVTqfZlBjFpEa72ME5sI-LGvcORgzz4ErXmfM1PuxBstt8fxTVk&usqp=CAU");
   background-size: cover;
 }
+
+.set {
+  display: flex;
+  justify-content: center;
+}
+.cityname {
+  margin-top: -4px;
+}

src/InfoBox.jsx

@@ -35,7 +35,7 @@ export default function InfoBox({ info }) {
           />
           <CardContent className="card">
             <Typography gutterBottom variant="h5" component="div">
-              <div>
+              <div className="set">
                 {info.humidity > 80 ? (
                   <ThunderstormIcon />
                 ) : info.temp > 15 ? (
@@ -44,7 +44,7 @@ export default function InfoBox({ info }) {
                   <AcUnitIcon />
                 )}
                 &nbsp;
-                <div>{info.city}</div>
+                <div className="cityname">{info.city}</div>
               </div>
             </Typography>
             <Typography