Loading repository data…
mahesh-bhosale / repository
Build a full-stack Student Attendance Management system using Next.js, React, PostgreSQL, Tailwind CSS, and a REST API. This project covers user authentication, student record management, attendance tracking, a modern dashboard, and interactive charts. Learn full-stack development with a hands-on approach!
Here's an updated version of the README.md file that includes the necessary .env information for Kinde and Neon PostgreSQL settings:
You can access the deployed version of the this app here: https://attend-tracker.vercel.app
This is a Next.js project bootstrapped with create-next-app.
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.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
This project tracks student attendance and provides a dashboard with various features for teachers.
To run this project locally, create a .env file in the root of the project and add the following variables:
KINDE_CLIENT_ID=your_kinde_client_id
KINDE_CLIENT_SECRET=your_kinde_client_secret
KINDE_ISSUER_URL=https://your_kinde_issuer_url
KINDE_SITE_URL=http://localhost:3000
KINDE_POST_LOGOUT_REDIRECT_URL=http://localhost:3000
KINDE_POST_LOGIN_REDIRECT_URL=http://localhost:3000/dashboard
your_kinde_client_id with your actual Kinde Client ID.your_kinde_client_secret with your actual Kinde Client Secret.https://your_kinde_issuer_url with your Kinde Issuer URL.NEXT_PUBLIC_DATABASE_URL=postgresql://your_db_user:your_db_password@your_neon_db_host/your_db_name?sslmode=require
your_db_user with your Neon PostgreSQL username.your_db_password with your Neon PostgreSQL password.your_neon_db_host with the Neon database host URL (e.g., ep-your-db-name.neon.tech).your_db_name with the name of your database.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.
You can access the deployed version of the app here: https://attend-tracker.vercel.app
To learn more about Next.js, take a look at the following resources:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
### Key Points:
- The **Kinde Settings** section contains placeholders for the Kinde authentication details (Client ID, Client Secret, Issuer URL, and Redirect URLs).
- The **Neon PostgreSQL Database Settings** section provides a template for connecting to your Neon PostgreSQL database.
- Make sure to replace the placeholders in the `.env` file with your actual Kinde and Neon credentials.
This `.env` configuration ensures proper authentication and database connectivity in both local development and production environments.
Selected from shared topics, language and repository description—not editorial ratings.
AmpatzidisSavvas /
Full Stack eCommerce App build with Next.js 15, TypeScript, TailwindCSS, and Better Auth. The backend runs on Neon PostgreSQL with Drizzle ORM, with Zustand handling state management.