readme add and helmet

Author: rezwanhossen

README.md

@@ -1,8 +1,51 @@
-# React + Vite
+# Hostel Management system for a university || Assigment-12, catagory-0014
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+#live link :
 
-Currently, two official plugins are available:
+- Admin email:rezwanhossen@gmail.com
+- password:123456
+- (https://sms-clint.web.app)
 
-- [@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
+# use pakages
+
+- "@headlessui/react": "^2.0.4",
+- "@stripe/react-stripe-js": "^2.7.1",
+- "@stripe/stripe-js": "^3.5.0",
+- "@tanstack/react-query": "^5.40.0",
+- "axios": "^1.7.2",
+- "firebase": "^10.12.2",
+- "localforage": "^1.10.0",
+- "match-sorter": "^6.3.4",
+- "moment": "^2.30.1",
+- "react": "^18.2.0",
+- "react-dom": "^18.2.0",
+- "react-helmet-async": "^2.0.5",
+- "react-hook-form": "^7.51.5",
+- "react-hot-toast": "^2.4.1",
+- "react-icons": "^5.2.1",
+- "react-infinite-scroll-component": "^6.1.0",
+- "react-router-dom": "^6.23.1",
+- "react-tabs": "^6.0.2",
+- "sort-by": "^1.2.0",
+- "sweetalert2": "^11.11.1",
+- "swiper": "^11.1.4"
+
+# DataBage
+
+- mongoDB
+
+# feature your website
+
+- Student Registration and Profile Management
+- Room Allocation and Management
+- Fee Management
+- Attendance Tracking
+- Visitor Management
+- Maintenance Requests
+- Meal Management
+- Notification System
+- Complaint Management
+- Reports and Analytics
+- Document Management
+- Mobile App Integration
+- Security Management

package-lock.json

@@ -21,6 +21,7 @@
     "moment": "^2.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.51.5",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^5.2.1",

package.json

@@ -3,10 +3,14 @@ import Blog from "../Pages/Home/Blog";
 import ContactUs from "../Pages/Home/ContactUs";
 import MaleinCatagory from "../Pages/Home/MaleinCatagory";
 import PrimeMeal from "../Pages/Home/PrimeMeal";
+import { Helmet } from "react-helmet-async";
 
 const Home = () => {
   return (
     <div>
+      <Helmet>
+        <title>Home</title>
+      </Helmet>
       <Banner></Banner>
       <MaleinCatagory></MaleinCatagory>
       <PrimeMeal></PrimeMeal>

src/Componente/Home.jsx

@@ -4,6 +4,7 @@ import LogingSpiner from "../../Sheare/LogingSpiner";
 import InfiniteScroll from "react-infinite-scroll-component";
 import { useState } from "react";
 import MealsCard from "../../Sheare/MealsCard";
+import { Helmet } from "react-helmet-async";
 
 const Meals = () => {
   const [filter, setCategoryFilter] = useState("");
@@ -35,6 +36,9 @@ const Meals = () => {
 
   return (
     <div>
+      <Helmet>
+        <title>All  meals</title>
+      </Helmet>
       <div className="mt-5 bg-lime-600 p-4 space-y-3 md:flex  justify-between items-center">
         <form onSubmit={handelsearch} className="flex gap-2">
           <input

src/Componente/Meals/Meals.jsx

@@ -65,6 +65,7 @@ const AddUpcoming = ({ isOpen, setisOpen, refetch }) => {
   };
   return (
     <div>
+      
       <Transition appear show={isOpen}>
         <Dialog
           as="div"

src/Dashbord/AdminPages/AddUpcoming.jsx

@@ -3,6 +3,8 @@ import toast from "react-hot-toast";
 import useAuth from "../../Hooks/useAuth";
 import useAxiosCommon from "../../Hooks/useAxiosCommon";
 import useAxiosSecqur from "../../Hooks/useAxiosSecqur";
+import { Helmet } from "react-helmet-async";
+
 import moment from "moment";
 const imgHosting_api = `https://api.imgbb.com/1/upload?key=${
   import.meta.env.VITE_IMGBB_key
@@ -57,6 +59,9 @@ const Addmeal = () => {
   };
   return (
     <div>
+      <Helmet>
+        <title>Admin || Add meals</title>
+      </Helmet>
       <h2 className="text-3xl font-bold my-5 text-center">Add Meal</h2>
       <form onSubmit={handleSubmit(onSubmit)}>
         <div className="grid md:grid-cols-2 gap-3">

src/Dashbord/AdminPages/Addmeal.jsx

@@ -8,6 +8,7 @@ import { FaUsers } from "react-icons/fa6";
 import { MdNoMeals } from "react-icons/md";
 import { MdOutlineBorderColor } from "react-icons/md";
 import { MdOutlineRateReview } from "react-icons/md";
+import { Helmet } from "react-helmet-async";
 
 const AdminHome = () => {
   const { user } = useAuth();
@@ -24,6 +25,9 @@ const AdminHome = () => {
 
   return (
     <div>
+      <Helmet>
+        <title>Admin || Home</title>
+      </Helmet>
       <h2 className="text-2xl font-bold">
         hi, Welcome{" "}
         <span>{user?.displayName ? user?.displayName : "Back"} </span>

src/Dashbord/AdminPages/AdminHome/AdminHome.jsx

@@ -2,6 +2,7 @@ import { useQuery } from "@tanstack/react-query";
 import useAuth from "../../Hooks/useAuth";
 // import useAxiosCommon from "../../Hooks/useAxiosCommon";
 import useAxiosSecqur from "../../Hooks/useAxiosSecqur";
+import { Helmet } from "react-helmet-async";
 
 const AdminProfil = () => {
   const { user } = useAuth();
@@ -16,6 +17,9 @@ const AdminProfil = () => {
 
   return (
     <div>
+      <Helmet>
+        <title>Admin || profile</title>
+      </Helmet>
       <div className=" md:w-2/4 mx-auto">
         <div className=" flex justify-center">
           <div className="space-y-3">

src/Dashbord/AdminPages/AdminProfil.jsx

@@ -8,6 +8,8 @@ import useAxiosSecqur from "../../Hooks/useAxiosSecqur";
 import Swal from "sweetalert2";
 import toast from "react-hot-toast";
 import { useState } from "react";
+import { Helmet } from "react-helmet-async";
+
 // import { useMemo } from "react";
 
 const AllMeals = () => {
@@ -62,6 +64,9 @@ const AllMeals = () => {
   if (isLoading) return <LogingSpiner></LogingSpiner>;
   return (
     <div>
+      <Helmet>
+        <title>Admin || All Meals</title>
+      </Helmet>
       <div className="overflow-x-auto">
         <table className="table overflow-x-auto">
           {/* head */}