admin

If you are in the client folder, go back on the root, run command – cd.. Run command: npm init -y In package.json add – “type”:”module” Create a folder in the root  “api” Create a file in api folder “index.js” Install express using below given command – npm i express write below given code in […]

Follow below given steps to crate a responsive menu bar or header component in React JS – Create a “component” folder in src folder Create a file “Header.jsx” in component folder Add Header.jsx component in App.jsx Between BrowserRoter and Routes. Header will show on every page. Install Flowbite React Add navbar component in Header.jsx Add

Here are steps to Create Pages and Define Routes in React JS – Step 1: Create a folder “pages” under src folder. Step 2: Create page “About.jsx”, “Signin.jsx”, “SignUp.jsx”, “Dashboard.jsx” “Home.jsx”, “Projects.jsx” Signin.jsx Page Code: import React from ‘react’ const Signin = () => {   return (     <div>        

To install tailwind CSS with Vite, follow below given steps – Step 1:   npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p   Step 2:   Place below given code in tailwind.config.js: /** @type {import(‘tailwindcss’).Config} */ export default { content: [ “./index.html”, “./src/**/*.{js,ts,jsx,tsx}”, ], theme: { extend: {}, }, plugins: [], } Step

Here are steps: Create a folder “mern-blog” in your system Open this folder with code editor Create a new project with npm using command – npm create vite@latest Project name – client Select a framework – react Select a variant – JavaScript +SWC Go to “client folder” using command – cd client Install npm using