I built it for my friend who is struggling to manage their business.
minified-boxtrac.mov
Feature |
Description |
|---|---|
| 1. Privacy Workspace | A secure, personalized environment where users can manage their inventory and orders, with end-to-end encryption powered by Clerk. |
| 2. Real-Time Update | Create, View, Update, and Delete in an instant made it possible by Convex. |
| 3. Team Management | Invite your coworkers or staff to work and delegate tasks together and only you and them can access the data. |
| 4. Role Base Access System | If you're the owner you can assign a role to your staff to have them controlled access. |
| 5. Clean, Modern UI using TailwindCSS and Shadcn-UI | A visually appealing and user-friendly interface that provides a seamless experience across devices, built with cutting-edge technologies for optimal performance and responsiveness. |
Category |
Choice |
Descriptions |
|---|---|---|
| Frontend | React | Declarative and component-based for building interactive UIs. |
| Web Framework | Next.js | Server-side rendering and static site generation for SEO and performance. |
| Language | TypeScript | Static typing for improved code maintainability and fewer errors. |
| CSS Framework | Tailwind CSS | Utility-first approach for rapid UI development and customization. |
| UI Library | Shadcn-UI | Pre-built components for a consistent and modern UI experience. |
| Backend | Convex-DB | Real-time data management, serverless functions, and efficient queries. |
| Authentication | Clerk | Seamless user authentication and authorization. |
| Lucide Icon | Lucide-Icon | Intuitive and minimalist icons |
| Zod | Zod | TypeScript-first schema validation with static type inference |
| React-Hook-Form | React-Hook-Form | React Hooks for form state management and validation. |
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone [https://github.com/achris-alonzo30/hireme.git](https://github.com/achris-alonzo30/boxtrac.git)
# Go into the repository
$ cd boxtrac
# Install dependencies
$ npm install or bun install
# Run the app
$ npm run dev or bun run devConvex Create your account on Convex for free and get your API keys by following the instructions on the given link.
Clerk Create your account on Clerk for free and get your API keys by following the instructions on the given link.
Copy this and paste it in your .env or .env.local.
// run @npx convex init on terminal
CONVEX_DEPLOYMENT=<AUTO_GENERATED_BY_CONVEX>
NEXT_PUBLIC_CONVEX_URL=<AUTO_GENERATED_BY_CONVEX>
// Signin to Clerk: https://dashboard.clerk.com/
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
// This is for connecting Clerk with your database. You can start reading the docs: https://clerk.com/docs/integrations/webhooks/overview#webhooks-overview
CLERK_WEBHOOK_SECRET=