farhanayesmin2/baby-doll-toys-client

Baby doll toys Live site:

• Server site link:
• Code client link:

At first, I create a new React app with Vite and follow this step:

1.npm create vite@latest top-chef-recipes -- --template react

2. npm install react-router-dom localforage match-sorter sort-by

3. npm run dev ,i use this command for start my project on live

Secondly, I install tailwind css

For react vite follow few steps,

1. npm install -D tailwindcss postcss autoprefixer
2. npx tailwindcss init -p
3. content: ["./index.html","./src/**/*.{js,ts,jsx,tsx}", ], @tailwind base; @tailwind components; @tailwind utilities;

After that, I install Flowbite - Tailwind CSS component library and react icons

• npm install flowbite flowbite-react
• plugins: [ require('flowbite/plugin') ]
• npm install react-icons --save

color code

-for button:

• pink #ddbbdc #text-[#c09da9] text-[#56d3c4]

For Authentication, i use in this project firebase authentication.

• npm install firebase I create login and registration page and i use here in firebase for authentication.

  In this project i use many thing to doing responsive

  Here,
• install react toast 'react-toastify/dist/ReactToastify.css'; -I use animation picture which from @lottiefiles/react-lottie-player": "^3.5.3";
• Spinner which from flowbite.
• I use nodejs for server site data and i use vercel and evviorment variable.

In my project i use react functionality

• useSate,useEffect,Loader
• from react-router-dom i use Link,Navlink and many more.

I use more interesting thing which is

• UseContext ,this is amazing to share data one file to get any file access data.

I create some section and component from

• Tailwind Component,Meraki and so more.

For sub category section i use tabs

• npm install --save react-tabs
• npm install sweetalert2
• npm react modal