some-chenges

.gitignore

@@ -22,5 +22,3 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-# Yarn
-yarn.lock

index.css

@@ -1,6 +1,5 @@
-
 @import "tailwindcss/base";
 
 @import "tailwindcss/components";
 
-@import "tailwindcss/utilities";
+@import "tailwindcss/utilities";

package.json

@@ -13,23 +13,23 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.11.0",
-    "react-router-dom": "^6.17.0",
+    "react-icons": "^4.10.1",
+    "react-router-dom": "^6.15.0",
     "react-scroll-to-top": "^3.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.33",
-    "@types/react-dom": "^18.2.14",
-    "@vitejs/plugin-react": "^4.1.0",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "@vitejs/plugin-react": "^4.0.1",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.52.0",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint": "^8.44.0",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-react-refresh": "^0.4.1",
     "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
-    "tailwindcss": "^3.3.5",
-    "vite": "^4.5.0"
+    "prettier": "^3.0.1",
+    "prettier-plugin-tailwindcss": "^0.4.1",
+    "tailwindcss": "^3.3.3",
+    "vite": "^4.4.0"
   }
 }

src/components/Contact-section/ContactText.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import Github from "../../assets/Social-Icons/Github.png";
 import Insta from "../../assets/Social-Icons/instagram.png";
-import twitter from "../../assets/Social-Icons/twitter.png";
+import Twitter from "../../assets/Social-Icons/Twitter.png";
 
 export const ContactText = () => {
     return (
@@ -27,7 +27,7 @@ export const ContactText = () => {
                 className="flex gap-x-12 lg:justify-center justify-start"
             >
                 <a href="https://twitter.com/gauravsingh1281">
-                    <img src={twitter} alt="Twitter-logo" className="h-8" />
+                    <img src={Twitter} alt="Twitter-logo" className="h-8" />
                 </a>
                 <a href="https://github.com/gauravsingh1281">
                     <img src={Github} alt="Github-logo" className="h-8" />

src/components/Footer-section/Footer.jsx

@@ -47,7 +47,6 @@ const Footer = () => {
             <h3 className="text-xl font-semibold">Contact Us</h3>
             <div className="flex space-x-3 pt-2">
               <a href="https://twitter.com/gauravsingh1281">
-
                 <FaTwitter className="w-8 h-8 hover:shadow-2xl hover:scale-110 transition duration-300 ease-in-out" />
               </a>
               <a href="https://github.com/gauravsingh1281">

src/pages/Login.jsx

@@ -76,7 +76,7 @@ export default function Login() {
               <div className="">
                 <button
                   type="submit"
-                  className=" border-2 border-green rounded-lg h-10 bg-primaryGreen w-full py-1.5 rounded-xl focus:shadow-md hover:bg-primaryGreen/80 text-textWhite font-semibold "
+                  className="border-2 border-green rounded-lg h-10 bg-primaryGreen w-full py-1.5 rounded-xl focus:shadow-md hover:bg-primaryGreen/80 text-textWhite font-semibold mt-2"
                 >
                   Log In
                 </button>

src/pages/Registration.jsx

@@ -21,7 +21,7 @@ export default function Registration() {
   return (
     <article className="flex flex-col justify-center h-screen bg-primaryGreen/10 overflow-hidden">
       <Navbar />
-      <section className="flex flex-row justify-center items-center mt">
+      <section className="flex flex-row justify-center items-center">
         <div className="hidden w-full lg:flex lg:mt-12 flex-col justify-center xl:justify-center  xl:h-full ">
           <div className="mb-10 mx-10 mr-auto">
             <h2 className=" text-3xl font-bold text-gray-dark/90 ">
@@ -41,7 +41,7 @@ export default function Registration() {
             <TitleCard />
             <form
               onSubmit={handleSubmit}
-               className="mt-5 space-y-4 w-[70%] md:w-[50%] lg:w-[60%]"
+              className="mt-5 space-y-4 w-[70%] md:w-[50%] lg:w-[60%]"
             >
               <input
                 title="Name"
@@ -53,32 +53,32 @@ export default function Registration() {
                 className="input-bar"
               />
               <input
-                className="input-bar"
                 title="Email address"
                 name="email"
                 value={form.email}
                 type="email"
                 placeholder="E-mail Address"
                 onChange={handlechange}
+                className="input-bar"
               />
               <input
-                className="input-bar"
                 title="Password"
                 name="password"
                 value={form.password}
                 type="password"
                 placeholder="Password"
                 onChange={handlechange}
+                className="input-bar"
               />
               <input
-                className="input-bar"
                 title="Confirm password"
                 name="confirm_password"
                 type="password"
                 placeholder="Confirm Password"
                 value={form.confirm_password}
                 onChange={handlechange}
-              /> 
+                className="input-bar"
+              />
 
               <div className="">
                 <button