This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Live URL

https://data-sheetz-my-project-karan31.vercel.app/dashboard

Some Dummy ID & PASSWORDS:

ID PASS john_doe password123 karan negi password123 Demo1 password123 demouser1 password123

Env variables:

Environment variables required: GOOGLE_SERVICE_ACCOUNT_EMAIL-(from google api), GOOGLE_PRIVATE_KEY-(from google api), GOOGLE_SHEET_ID-(from sheet url), MONGO_URI-(mongodb cluster url), JWT_SECRET-(custom/depends upon you).

How to get google api key:

https://www.youtube.com/watch?v=k_PB4ORz2r0

Walkthrough and explanation:

https://www.loom.com/share/e39a6eb2471f4382acd4ee1f4274423d?sid=29fb3c22-700d-4855-b5b4-eb91b3dc6dae

Dependencies:

Install Next.js, React, and React-DOM

npm install next react react-dom

Install Axios

npm install axios

Install bcryptjs

npm install bcryptjs

Install jsonwebtoken

npm install jsonwebtoken

Install mongoose

npm install mongoose

Install react-hook-form

npm install react-hook-form

Install lucide-react

npm install lucide-react

Install react-icons

npm install react-icons

Install dotenv

npm install dotenv

Shadcn

https://ui.shadcn.com/