- Server site link:
- Code client link:
1.npm create vite@latest top-chef-recipes -- --template react
-
npm install react-router-dom localforage match-sorter sort-by
-
npm run dev ,i use this command for start my project on live
- npm install -D tailwindcss postcss autoprefixer
- npx tailwindcss init -p
- content: ["./index.html","./src/**/*.{js,ts,jsx,tsx}", ], @tailwind base; @tailwind components; @tailwind utilities;
- npm install flowbite flowbite-react
- plugins: [ require('flowbite/plugin') ]
- npm install react-icons --save
-for button:
- pink #ddbbdc #text-[#c09da9] text-[#56d3c4]
- npm install firebase I create login and registration page and i use here in firebase for authentication. 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.
- useSate,useEffect,Loader
- from react-router-dom i use Link,Navlink and many more.
- UseContext ,this is amazing to share data one file to get any file access data.
- Tailwind Component,Meraki and so more.
- npm install --save react-tabs
- npm install sweetalert2
- npm react modal