Made corrections on the project description and image

src/assets/LatestProjectsList/LatestProjectsList.jsx

@@ -1,11 +1,13 @@
 import teamImage from "../images/projectsWebsite.png";
+import devalWeatherApp from "../images/devalWeatherApp.png";
+
 let LatestProjectsList = [
   {
-    image: teamImage,
-    name: "Projects Website",
-    date: "Dec 25, 2023",
+    image: devalWeatherApp,
+    name: "DevalWeather App",
+    date: "Apr 1, 2024",
     technology: "PHP",
-    link: "https://devalprojects.000webhostapp.com",
+    link: "https://devalentineomonya.github.io/ReactJS-Weather-App/",
   },
   {
     image: teamImage,

src/assets/ProjectsList/ProjectsList.jsx

@@ -1,12 +1,14 @@
 import image1 from "../images/notAvailable.jpeg";
 import DevalWeatherApp from "../images/devalWeatherApp.png";
+import DevalWeatherApp2 from "../images/devalWeatherApp2.png";
 let ProjectsList = [
   {
     id:1,
     name: "DevalWeather App",
     image: DevalWeatherApp,
+    image2: DevalWeatherApp2,
     technology: "ReactJS | OpenWeather API",
-    description:"Plan your adventures with confidence thanks to the React Weather App! This user-friendly app provides hyperlocal weather forecasts for any location, giving you a detailed picture for the next five days in three-hour increments. Powered by open-source data, the app delivers accurate and up-to-date information on temperature, humidity, wind speed, and atmospheric pressure. Whether you're planning a hike, checking conditions at the beach, or just curious about the afternoon commute, the React Weather App has you covered. Effortless navigation allows you to quickly switch between locations, making it ideal for travelers and busy professionals. The app's intuitive interface presents weather data in a clear and organized way, ensuring you can grasp the information at a glance.",
+    description:"The React Weather App provides hyperlocal, 5-day forecasts in 3-hour increments for any location. Access temperature, humidity, wind speed, and pressure data. Ideal for travelers and professionals, this app offers effortless navigation and a clear, intuitive interface for informed decision-making",
     live_link: "https://devalentineomonya.github.io/ReactJS-Weather-App/",
     github_link:"https://github.com/devalentineomonya/ReactJS-Weather-App"
   },

src/components/ProjectCard/ProjectCard.jsx

@@ -16,6 +16,9 @@ const ProjectCard = ({ projectInfo, setTogglePopup,setProjectID }) => {
         </div>
       </div>
       <div className="card-overlay">
+        <div className="click-me-text">
+          <span>Click Project Name for more</span>
+        </div>
         <div className="project-technology">
           <p>{projectInfo.technology}</p>
         </div>

src/components/ProjectCard/projectcard.css

@@ -1,10 +1,12 @@
 .project-card-container {
-    width: 350px;
-    height: 300px;
+    width: 400px;
+    height: 250px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
+    border-radius: 5px;
+    overflow: hidden;
 
 }
 
@@ -46,6 +48,15 @@
     transition: all 0.3s ease-in-out;
 }
 
+.click-me-text {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+    color: #ff4500;
+    font-weight: 600;
+    font-size: 18px;
+}
+
 .card-overlay:hover {
     opacity: 1;
 }

src/components/ProjectPopup/ProjectPopup.jsx

@@ -23,7 +23,7 @@ const ProjectPopup = ({ togglePopup, setTogglePopup, projectID }) => {
           <div className="popup-grid">
             <div className="popup-left-section">
               <div className="project-image">
-                <img src={project.image} alt={project.name} />
+                <img src={project.image2} alt={project.name} />
               </div>
             </div>
             <div className="popup-right-section">