Installation

Installation of PowerValt on your computer with system requirements

Github Installation

We recommend cloning and installing the app directly from the github repository, run:

git clone https://github.com/parthgod/iitb-project.git

After cloning the repository on your code editor, to install the dependencies, run the following command:

npm install

Manual Installation

To manually install the project, from github, install the project as a zip folder and extract the files to your preferred location After extracting the files, open the project through your coding workspace and open the terminal in the project and run the following command:

npm install

Open your package.json file and you will see the the following scripts and devDependencies:

{
  "name": "iitb",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@auth/mongodb-adapter": "^2.4.0",
    "@hookform/resolvers": "^3.3.4",
    "@radix-ui/react-accordion": "^1.1.2",
    "@radix-ui/react-alert-dialog": "^1.0.5",
    "@radix-ui/react-avatar": "^1.0.4",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-popover": "^1.0.7",
    "@radix-ui/react-radio-group": "^1.1.3",
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-separator": "^1.0.3",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-tooltip": "^1.0.7",
    "@uploadthing/react": "^6.2.2",
    "bcryptjs": "^2.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.0",
    "crypto": "^1.0.1",
    "firebase": "^10.8.1",
    "framer-motion": "^11.0.24",
    "html2canvas": "^1.4.1",
    "jspdf": "^2.5.1",
    "lucide-react": "^0.320.0",
    "mongodb": "^6.3.0",
    "mongoose": "^8.1.1",
    "next": "14.1.0",
    "next-auth": "^4.24.6",
    "nextjs-toploader": "^1.6.6",
    "nodemailer": "^6.9.13",
    "query-string": "^8.2.0",
    "react": "^18",
    "react-dom": "^18",
    "react-hook-form": "^7.50.1",
    "react-icons": "^5.0.1",
    "sharp": "^0.33.2",
    "sonner": "^1.4.0",
    "tailwind-merge": "^2.2.1",
    "tailwindcss-animate": "^1.0.7",
    "uploadthing": "^6.3.3",
    "xlsx": "^0.18.5",
    "zod": "^3.22.4"
  },
  "devDependencies": {
    "@types/bcryptjs": "^2.4.6",
    "@types/jsonwebtoken": "^9.0.5",
    "@types/node": "^20",
    "@types/nodemailer": "^6.4.14",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "@types/xlsx": "^0.0.36",
    "autoprefixer": "^10.0.1",
    "eslint": "^8",
    "eslint-config-next": "14.1.0",
    "postcss": "^8",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
  }
}

Setting up environment variables

Next.js uses file-system routing, which means the routes in your application are determined by how you structure your files.

The app directory For new applications, we recommend using the App Router. This router allows you to use React's latest features and is an evolution of the Pages Router based on community feedback. In the root folder of the application, create an env file and name it .env.

MONGODB_URI=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

NODE_ENV=
MONGODB_URL=
NEXTAUTH_URL=
NEXTAUTH_SECRET=

BASE_URL=

Add the respective environment variable values.

Run the Development Server

• Run

npm run dev

to start the Development server

• Visit http://localhost:3000 to view your application. -You will be automatically redirected to the login page of the system.