+
+ )
+}
+
+export default Filter
\ No newline at end of file
diff --git a/src/components/footer/Footer.jsx b/src/components/footer/Footer.jsx
new file mode 100644
index 0000000..9161a94
--- /dev/null
+++ b/src/components/footer/Footer.jsx
@@ -0,0 +1,102 @@
+import React, { useContext } from 'react'
+import myContext from '../../context/data/myContext'
+import { Link } from 'react-router-dom';
+
+function Footer() {
+ const context = useContext(myContext);
+ const { mode } = context;
+ return (
+
+
+
+
+
+
+
+
+
+ setSearchkey(e.target.value)}
+ id="searchkey"
+ placeholder="Search here"
+ className="px-8 py-3 w-full rounded-md bg-violet-0 border-transparent outline-0 text-sm" style={{ backgroundColor: mode === 'dark' ? 'rgb(64 66 70)' : '', color: mode === 'dark' ? 'white' : '', }} />
+
+
+ + Filters +
+ +
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Footer
\ No newline at end of file
diff --git a/src/components/heroSection/HeroSection.jsx b/src/components/heroSection/HeroSection.jsx
new file mode 100644
index 0000000..1e1d31f
--- /dev/null
+++ b/src/components/heroSection/HeroSection.jsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+function HeroSection() {
+ return (
+
+ 
+
+ )
+}
+
+export default HeroSection
\ No newline at end of file
diff --git a/src/components/layout/Layout.jsx b/src/components/layout/Layout.jsx
new file mode 100644
index 0000000..61e2dd2
--- /dev/null
+++ b/src/components/layout/Layout.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import Navbar from '../navbar/Navbar'
+import Footer from '../footer/Footer'
+
+function Layout({children}) {
+ return (
+
+
+
+ )
+}
+
+export default Layout
\ No newline at end of file
diff --git a/src/components/loader/Loader.jsx b/src/components/loader/Loader.jsx
new file mode 100644
index 0000000..d76c418
--- /dev/null
+++ b/src/components/loader/Loader.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+
+function Loader() {
+ return (
+
+ {children}
+
+
+
+
+ )
+}
+
+export default Loader
\ No newline at end of file
diff --git a/src/components/modal/Modal.jsx b/src/components/modal/Modal.jsx
new file mode 100644
index 0000000..07a50e6
--- /dev/null
+++ b/src/components/modal/Modal.jsx
@@ -0,0 +1,93 @@
+import { Dialog, Transition } from '@headlessui/react'
+import { Fragment, useState } from 'react'
+
+export default function Modal({ name, address, pincode, phoneNumber, setName, setAddress, setPincode, setPhoneNumber, buyNow }) {
+ let [isOpen, setIsOpen] = useState(false)
+
+ function closeModal() {
+ setIsOpen(false)
+ }
+
+ function openModal() {
+ setIsOpen(true)
+ }
+
+ return (
+ <>
+
+
+ Loading...
+
+
+
+
+
+
+ {/* Mobile menu */}
+
+
+
+
+ {/* desktop */}
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/productCard/ProductCard.jsx b/src/components/productCard/ProductCard.jsx
new file mode 100644
index 0000000..057d0a4
--- /dev/null
+++ b/src/components/productCard/ProductCard.jsx
@@ -0,0 +1,73 @@
+import React, { useContext, useEffect } from 'react'
+import myContext from '../../context/data/myContext'
+import { useDispatch, useSelector } from 'react-redux'
+import { addToCart } from '../../redux/cartSlice'
+import { toast } from 'react-toastify'
+
+function ProductCard() {
+ const context = useContext(myContext)
+ const { mode, product ,searchkey, setSearchkey,filterType,setFilterType,
+ filterPrice,setFilterPrice} = context
+
+ const dispatch = useDispatch()
+ const cartItems = useSelector((state)=> state.cart);
+ console.log(cartItems)
+
+ const addCart = (product)=> {
+ dispatch(addToCart(product));
+ toast.success('add to cart');
+
+ }
+
+ useEffect(() => {
+ localStorage.setItem('cart', JSON.stringify(cartItems));
+ }, [cartItems])
+ return (
+ + Get free delivery on orders over ₹500 +
+ + +
+
+
+
+
+ Recent Listings
+ +
+ {product.filter((obj)=> obj.title.toLowerCase().includes(searchkey))
+ .filter((obj) => obj.category.toLowerCase().includes(filterType))
+ .filter((obj) => obj.price.includes(filterPrice)).slice(0,8).map((item, index) => {
+ const { title, price, description, imageUrl,id } = item;
+ return (
+
+
+
+
+ )
+ })}
+
+
+
+
+
+
+ window.location.href = `/productinfo/${id}`} className="flex justify-center cursor-pointer" >
+ 
+
+
+
+
+ E-Mandi
+{title}
+ {/*{item.description.}
*/} +₹{price}
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Testimonial
\ No newline at end of file
diff --git a/src/components/track/Track.jsx b/src/components/track/Track.jsx
new file mode 100644
index 0000000..68dea36
--- /dev/null
+++ b/src/components/track/Track.jsx
@@ -0,0 +1,53 @@
+import React, { useContext } from 'react'
+import myContext from '../../context/data/myContext'
+import {HiCurrencyRupee} from 'react-icons/hi'
+function Track() {
+ const context = useContext(myContext);
+ const { mode } = context;
+ return (
+
+
+ Testimonial
+What our customers are saying
+
+
+
+
+
+
+ 
+
+
+ Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.
+ +Kamal Nayan Upadhyay
+Senior Product Designer
+
+
+
+ 
+
+
+ Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.
+ +React Js
+UI Develeoper
+
+
+
+ 
+
+
+ Edison bulb retro cloud bread echo park, helvetica stumptown taiyaki taxidermy 90's cronut +1 kinfolk. Single-origin coffee ennui shaman taiyaki vape DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.
+ +React Js
+CTO
+
+
+
+
+ )
+}
+
+export default Track
\ No newline at end of file
diff --git a/src/context/data/myContext.jsx b/src/context/data/myContext.jsx
new file mode 100644
index 0000000..f32af44
--- /dev/null
+++ b/src/context/data/myContext.jsx
@@ -0,0 +1,5 @@
+import { createContext } from "react";
+
+const myContext = createContext();
+
+export default myContext;
\ No newline at end of file
diff --git a/src/context/data/myState.jsx b/src/context/data/myState.jsx
new file mode 100644
index 0000000..d039c31
--- /dev/null
+++ b/src/context/data/myState.jsx
@@ -0,0 +1,201 @@
+import React, { useEffect, useState } from 'react'
+import MyContext from './myContext'
+import { Timestamp, addDoc, collection, deleteDoc, doc, getDocs, onSnapshot, orderBy, query, setDoc } from 'firebase/firestore';
+import { toast } from 'react-toastify';
+import { fireDB } from '../../fireabase/FirebaseConfig';
+
+function myState(props) {
+ const [mode, setMode] = useState('dark');
+
+ const toggleMode = () => {
+ if (mode === 'light') {
+ setMode('dark');
+ document.body.style.backgroundColor = "rgb(17, 24, 39)"
+ }
+ else {
+ setMode('light');
+ document.body.style.backgroundColor = "white"
+ }
+ }
+
+ const [loading, setLoading] = useState(false);
+
+ const [products, setProducts] = useState({
+ title: null,
+ price: null,
+ imageUrl: null,
+ category: null,
+ description: null,
+ time: Timestamp.now(),
+ date: new Date().toLocaleString(
+ "en-US",
+ {
+ month: "short",
+ day: "2-digit",
+ year: "numeric",
+ }
+ )
+ });
+
+ const addProduct = async () => {
+ if (products.title == null || products.price == null || products.imageUrl == null || products.category == null || products.description == null) {
+ return toast.error("all fields are required")
+ }
+
+ setLoading(true)
+
+ try {
+ const productRef = collection(fireDB, 'products');
+ await addDoc(productRef, products)
+ toast.success("Add product successfully");
+ setTimeout(() => {
+ window.location.href = '/dashboard'
+ }, 800);
+ getProductData();
+ setLoading(false)
+ } catch (error) {
+ console.log(error);
+ setLoading(false)
+ }
+ // setProducts("")
+
+
+ }
+
+ const [product, setProduct] = useState([]);
+
+ const getProductData = async () => {
+
+ setLoading(true)
+
+ try {
+ const q = query(
+ collection(fireDB, 'products'),
+ orderBy('time')
+ );
+
+ const data = onSnapshot(q, (QuerySnapshot) => {
+ let productArray = [];
+ QuerySnapshot.forEach((doc) => {
+ productArray.push({ ...doc.data(), id: doc.id });
+ });
+ setProduct(productArray);
+ setLoading(false)
+ });
+
+ return () => data;
+
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+
+ }
+
+ useEffect(() => {
+ getProductData();
+ }, []);
+
+ // update product function
+
+ const edithandle = (item) => {
+ setProducts(item)
+ }
+
+ const updateProduct = async () => {
+ setLoading(true)
+ try {
+
+ await setDoc(doc(fireDB, 'products', products.id), products)
+ toast.success("Product Updated successfully")
+ setTimeout(() => {
+ window.location.href = '/dashboard'
+ }, 800);
+ getProductData();
+ setLoading(false)
+
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+ }
+
+ // delete product
+
+ const deleteProduct = async (item) => {
+ setLoading(true)
+ try {
+ await deleteDoc(doc(fireDB, 'products', item.id))
+ toast.success('Product Deleted successfully')
+ getProductData();
+ setLoading(false)
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+ }
+
+
+ const [order, setOrder] = useState([]);
+
+ const getOrderData = async () => {
+ setLoading(true)
+ try {
+ const result = await getDocs(collection(fireDB, "order"))
+ const ordersArray = [];
+ result.forEach((doc) => {
+ ordersArray.push(doc.data());
+ setLoading(false)
+ });
+ setOrder(ordersArray);
+ console.log(ordersArray)
+ setLoading(false);
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+ }
+
+ const [user, setUser] = useState([]);
+
+ const getUserData = async () => {
+ setLoading(true)
+ try {
+ const result = await getDocs(collection(fireDB, "users"))
+ const usersArray = [];
+ result.forEach((doc) => {
+ usersArray.push(doc.data());
+ setLoading(false)
+ });
+ setUser(usersArray);
+ console.log(usersArray)
+ setLoading(false);
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+ }
+
+ useEffect(() => {
+ getOrderData();
+ getUserData();
+ }, []);
+
+ const [searchkey, setSearchkey] = useState('')
+ const [filterType, setFilterType] = useState('')
+ const [filterPrice, setFilterPrice] = useState('')
+
+ return (
+
+
+
+
+
+
+
+
+
+ Fresh Products
+Our Products come directly from the Farmer. +
+
+
+
+
+ {/* */}
+
+ Affordable Rate
+There is no middle cost. +
+
+
+
+
+
+
+
+ Prior Order
+Place order in advance to get your work done. +
+
+
+
+
+
+
+
+
+
+
+ 10
+Total Products
+
+
+
+
+
+
+ 10
+Total Orders
+
+
+
+
+
+
+ 20
+Total Users
+
+
+
+
+
+
+ 20
+Total Products
+
+
+
+ )
+}
+
+
+export default DashboardTab
\ No newline at end of file
diff --git a/src/pages/admin/page/AddProduct.jsx b/src/pages/admin/page/AddProduct.jsx
new file mode 100644
index 0000000..82c6865
--- /dev/null
+++ b/src/pages/admin/page/AddProduct.jsx
@@ -0,0 +1,73 @@
+import React, { useContext } from 'react'
+import myContext from '../../../context/data/myContext'
+
+function AddProduct() {
+ const context = useContext(myContext);
+ const { products, setProducts, addProduct } = context;
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* product */}
+
+
+
+
+ {/*
+
+
+ {/*
+
+
+
+
+
+ Product Details
+
+
+
+
+
+
+
+
+
+ | + S.No + | ++ Image + | ++ Title + | ++ Price + | ++ Category + | ++ Date + | ++ Action + | +
|---|---|---|---|---|---|---|
| + {index + 1}. + | +
+ |
+ + {title} + | ++ ₹{price} + | ++ {category} + | ++ {date} + | +
+
+
+
+
+ deleteProduct(item)} >
+
+
+
+
+ edithandle(item)} >
+
+
+
+
+ |
+
+
+
+
)
+ })}
+
+ Order Details
+ + {order.map((allorder,index)=>{ + return(| + Payment Id + | ++ Image + | ++ Title + | ++ Price + | ++ Category + | ++ Name + | ++ Address + | ++ Pincode + | ++ Phone Number + | ++ Email + | ++ Date + | +
|---|---|---|---|---|---|---|---|---|---|---|
| + {allorder.paymentId} + | +
+ |
+ + {title} + | ++ ₹{price} + | ++ {category} + | + ++ {allorder.addressInfo.name} + | ++ {allorder.addressInfo.address} + | ++ {allorder.addressInfo.pincode} + | ++ {allorder.addressInfo.phoneNumber} + | ++ {allorder.email} + | ++ {allorder.date} + | + +
+
+
+
+
+ User Details
+| + S.No + | + ++ Name + | ++ Email + | ++ Uid + | + +
|---|---|---|---|
| + {index + 1}. + | ++ {name} + | ++ {email} + | ++ {uid} + | + +
+
+ )
+}
+
+export default AddProduct
\ No newline at end of file
diff --git a/src/pages/admin/page/UpdateProduct.jsx b/src/pages/admin/page/UpdateProduct.jsx
new file mode 100644
index 0000000..601ec9c
--- /dev/null
+++ b/src/pages/admin/page/UpdateProduct.jsx
@@ -0,0 +1,73 @@
+import React, { useContext } from 'react'
+import myContext from '../../../context/data/myContext';
+
+function UpdateProduct() {
+ const context = useContext(myContext);
+ const { products, setProducts, updateProduct } = context;
+ return (
+
+
+
+
+
+
+ Add Product
+
+ setProducts({ ...products, title: e.target.value })}
+ name='title'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product title'
+ />
+
+
+ setProducts({ ...products, price: e.target.value })}
+ name='price'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product price'
+ />
+
+
+ setProducts({ ...products, imageUrl: e.target.value })}
+ name='imageurl'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product imageUrl'
+ />
+
+
+ setProducts({ ...products, category: e.target.value })}
+ name='category'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product category'
+ />
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default UpdateProduct
\ No newline at end of file
diff --git a/src/pages/allproducts/Allproducts.jsx b/src/pages/allproducts/Allproducts.jsx
new file mode 100644
index 0000000..7249ef4
--- /dev/null
+++ b/src/pages/allproducts/Allproducts.jsx
@@ -0,0 +1,81 @@
+import React, { useContext, useEffect } from 'react'
+import Filter from '../../components/filter/Filter'
+import ProductCard from '../../components/productCard/ProductCard'
+import Layout from '../../components/layout/Layout'
+import myContext from '../../context/data/myContext'
+import { useDispatch, useSelector } from 'react-redux'
+import { addToCart } from '../../redux/cartSlice'
+
+function Allproducts() {
+ const context = useContext(myContext)
+ const { mode, product ,searchkey, setSearchkey,filterType,setFilterType,
+ filterPrice,setFilterPrice} = context
+
+ const dispatch = useDispatch()
+ const cartItems = useSelector((state)=> state.cart);
+ console.log(cartItems)
+
+ const addCart = (product)=> {
+ dispatch(addToCart(product));
+ toast.success('add to cart');
+
+ }
+
+ useEffect(() => {
+ localStorage.setItem('cart', JSON.stringify(cartItems));
+ }, [cartItems])
+ useEffect(() => {
+ window.scrollTo(0, 0)
+ }, [])
+
+ return (
+
+
+
+
+
+
+ Update Product
+
+ setProducts({ ...products, title: e.target.value })}
+ name='title'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product title'
+ />
+
+
+ setProducts({ ...products, price: e.target.value })}
+ name='price'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product price'
+ />
+
+
+ setProducts({ ...products, imageUrl: e.target.value })}
+ name='imageurl'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product imageUrl'
+ />
+
+
+ setProducts({ ...products, category: e.target.value })}
+ name='category'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Product category'
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Latest Collection
+ +
+ {product.filter((obj)=> obj.title.toLowerCase().includes(searchkey))
+ .filter((obj) => obj.category.toLowerCase().includes(filterType))
+ .filter((obj) => obj.price.includes(filterPrice)).map((item, index) => {
+ const { title, price, description, imageUrl,id } = item;
+ return (
+
+
+ window.location.href = `/productinfo/${id}`} key={index} className="p-4 md:w-1/4 drop-shadow-lg " >
+
+ )
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
+ E-Bharat
+{title}
+ {/*{item.description.}
*/} +₹{price}
+
+
+
+
+
+
+ Cart Items
+
+
+
+ {cartItems.map((item, index) => {
+ const { title, price, description, imageUrl } = item;
+ return (
+
+
+
+
+
+ )
+ })}
+
+
+
+
+
+ {title}
+{description}
+₹{price}
+ deleteCart(item)} className="mt-4 flex justify-between sm:space-y-6 sm:mt-0 sm:block sm:space-x-6">
+
+
+
+
+
+
+
+
+ Subtotal
+₹{totalAmout}
+
+
+ Shipping
+₹{shipping}
++
+
+ {/* Total
+
+
+ ₹{grandTotal}
+
+
+
+
+
+
+ {/* NoPage
+ )
+}
+
+export default NoPage
\ No newline at end of file
diff --git a/src/pages/order/Order.jsx b/src/pages/order/Order.jsx
new file mode 100644
index 0000000..5c1fa60
--- /dev/null
+++ b/src/pages/order/Order.jsx
@@ -0,0 +1,55 @@
+import React, { useContext } from 'react'
+import myContext from '../../context/data/myContext'
+import Layout from '../../components/layout/Layout'
+import Loader from '../../components/loader/Loader'
+
+function Order() {
+ const userid = JSON.parse(localStorage.getItem('user')).user.uid
+ const context = useContext(myContext)
+ const { mode, loading, order } = context
+ return (
+
+ {
+ order.filter(obj => obj.userid == userid).map((order) => {
+ // order.cartItems.map()
+ return (
+
+ )
+ :
+ (
+
+ {
+ order.cartItems.map((item) => {
+ return (
+
+ )
+ })
+ }
+
+
+ )
+ })
+ }
+
+ 
+
+
+
+
+
+ {item.title}
+{item.description}
+{item.price}
+Not Order
+ ) + + } +
+ {loading &&
+ )
+}
+
+export default Login
\ No newline at end of file
diff --git a/src/pages/registration/Signup.jsx b/src/pages/registration/Signup.jsx
new file mode 100644
index 0000000..2c6e553
--- /dev/null
+++ b/src/pages/registration/Signup.jsx
@@ -0,0 +1,99 @@
+import { useContext, useState } from 'react';
+import { Link } from 'react-router-dom'
+import myContext from '../../context/data/myContext';
+import { toast } from 'react-toastify';
+import { createUserWithEmailAndPassword } from 'firebase/auth';
+import { auth, fireDB } from '../../fireabase/FirebaseConfig';
+import { Timestamp, addDoc, collection } from 'firebase/firestore';
+import Loader from '../../components/loader/Loader';
+
+function Signup() {
+ const [name, setName] = useState("");
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+
+ const context = useContext(myContext);
+ const { loading, setLoading } = context;
+
+ const signup = async () => {
+ setLoading(true)
+ if (name === "" || email === "" || password === "") {
+ return toast.error("All fields are required")
+ }
+
+ try {
+ const users = await createUserWithEmailAndPassword(auth, email, password);
+
+ console.log(users)
+
+ const user = {
+ name: name,
+ uid: users.user.uid,
+ email: users.user.email,
+ time : Timestamp.now()
+ }
+ const userRef = collection(fireDB, "users")
+ await addDoc(userRef, user);
+ toast.success("Signup Succesfully")
+ setName("");
+ setEmail("");
+ setPassword("");
+ setLoading(false)
+
+ } catch (error) {
+ console.log(error)
+ setLoading(false)
+ }
+ }
+
+ return (
+
+
+
+
+ Login
+
+ setEmail(e.target.value)}
+ name='email'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Email'
+ />
+
+
+ setPassword(e.target.value)}
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Password'
+ />
+
+
+
+
+
+
+ Don't have an account Signup
+
+ {loading &&
+ )
+}
+
+export default Signup
\ No newline at end of file
diff --git a/src/redux/cartSlice.jsx b/src/redux/cartSlice.jsx
new file mode 100644
index 0000000..9339d2a
--- /dev/null
+++ b/src/redux/cartSlice.jsx
@@ -0,0 +1,20 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = JSON.parse(localStorage.getItem('cart')) ?? [];
+
+const cartSlice = createSlice({
+ name: 'cart',
+ initialState,
+ reducers : {
+ addToCart(state, action){
+ state.push(action.payload)
+ },
+ deleteFromCart(state,action){
+ return state.filter(item => item.id != action.payload.id);
+ }
+ }
+})
+
+export const {addToCart, deleteFromCart} = cartSlice.actions;
+
+export default cartSlice.reducer;
\ No newline at end of file
diff --git a/src/redux/store.jsx b/src/redux/store.jsx
new file mode 100644
index 0000000..ed32bc4
--- /dev/null
+++ b/src/redux/store.jsx
@@ -0,0 +1,9 @@
+import { configureStore } from "@reduxjs/toolkit";
+import cartSlice from "./cartSlice";
+
+export const store = configureStore({
+ reducer :{
+ cart : cartSlice
+ },
+ devTools : true
+})
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..89a305e
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
\ No newline at end of file
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..8240ce5
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,8 @@
+{
+ "rewrites": [
+ {
+ "source": "/(.*)",
+ "destination": "/index.html"
+ }
+ ]
+ }
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..5a33944
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react()],
+})
+
+
+
+ Signup
+
+ setName(e.target.value)}
+ name='name'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Name'
+ />
+
+
+
+ setEmail(e.target.value)}
+ name='email'
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Email'
+ />
+
+
+ setPassword(e.target.value)}
+ className=' bg-gray-600 mb-4 px-2 py-2 w-full lg:w-[20em] rounded-lg text-white placeholder:text-gray-200 outline-none'
+ placeholder='Password'
+ />
+
+
+
+
+
+
+