Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jkrmarmol/qracts
This project is an Attendance Management System that simplifies attendance tracking using QR codes.
https://github.com/jkrmarmol/qracts
Last synced: 15 days ago
JSON representation
This project is an Attendance Management System that simplifies attendance tracking using QR codes.
- Host: GitHub
- URL: https://github.com/jkrmarmol/qracts
- Owner: jkrmarmol
- License: mit
- Created: 2024-07-10T15:56:19.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T14:39:28.000Z (4 months ago)
- Last Synced: 2024-08-02T18:13:40.442Z (4 months ago)
- Language: TypeScript
- Homepage: https://qracts.vercel.app
- Size: 1.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Next.js 14 Admin Dashboard Starter Template With Shadcn-ui
Built with the Next.js App Router
## Overview
This is a starter template using the following stack:
- Framework - [Next.js 14](https://nextjs.org/13)
- Language - [TypeScript](https://www.typescriptlang.org)
- Styling - [Tailwind CSS](https://tailwindcss.com)
- Components - [Shadcn-ui](https://ui.shadcn.com)
- Schema Validations - [Zod](https://zod.dev)
- State Management - [Zustand](https://zustand-demo.pmnd.rs)
- Auth - [Auth.js](https://authjs.dev/)
- File Uploading - [Uploadthing](https://uploadthing.com)
- Tables - [Tanstack Tables](https://ui.shadcn.com/docs/components/data-table)
- Forms - [React Hook Form](https://ui.shadcn.com/docs/components/form)
- Linting - [ESLint](https://eslint.org)
- Formatting - [Prettier](https://prettier.io)
_If you are looking for a React admin dashboard starter, here is the [repo](https://github.com/Kiranism/react-shadcn-dashboard-starter)._
## Pages
| Pages | Specifications |
| :-------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------- |
| [Signup](https://next-shadcn-dashboard-starter.vercel.app/) | Authentication with **NextAuth** supports Social logins and email logins(Enter dummy email for demo). |
| [Dashboard](https://next-shadcn-dashboard-starter.vercel.app/dashboard) | Cards with recharts graphs for analytics. |
| [Users](https://next-shadcn-dashboard-starter.vercel.app/dashboard/user) | Tanstack tables with user details client side searching, pagination etc |
| [Users/new](https://next-shadcn-dashboard-starter.vercel.app/dashboard/user/new) | A User Form with Uploadthing to support file uploading with dropzone. |
| [Employee](https://next-shadcn-dashboard-starter.vercel.app/dashboard/employee) | Tanstack tables with server side searching, pagination etc). |
| [Profile](https://next-shadcn-dashboard-starter.vercel.app/dashboard/profile) | Mutistep dynamic forms using react-hook-form and zod for form validation. |
| [Kanban Board](https://next-shadcn-dashboard-starter.vercel.app/dashboard/kanban) | A Drag n Drop task management board with dnd-kit and zustand to persist state locally. |
| [Not Found](https://next-shadcn-dashboard-starter.vercel.app/dashboard/notfound) | Not Found Page Added in the root level |
| - | - |
## Getting Started
Follow these steps to clone the repository and start the development server:
- `git clone https://github.com/Kiranism/next-shadcn-dashboard-starter.git`
- `npm install`
- Create a `.env.local` file by copying the example environment file:
`cp env.example.txt .env.local`
- Add the required environment variables to the `.env.local` file.
- `npm run dev`
You should now be able to access the application at http://localhost:3000.