Statify is a minimalistic, theme-based web application designed for seamless role-based authentication and tracking services like websites, APIs, and databases. The application features a clean and intuitive user interface with enhanced user authentication powered by Clerk and database management using Prisma ORM with Neon.
- Theme-based UI: A clean, minimal, and customizable frontend interface 🎨.
- Role-Based Authentication: Secure authentication and role management using Clerk 🔐.
- Service Tracking (Planned): Track websites, APIs, and databases efficiently 🌐.
- Frontend Components: Includes a responsive navbar, footer, login functionality, charts, table and other creative components 🧩.
- Frontend: Next.js | Tailwindcss | Shadcn (with theme-based styling) ⚛️
- Backend: Node.js (event-driven architecture concepts planned) 💻
- Database: Neon (PostgreSQL) with Prisma ORM 🗃️
- Authentication: Clerk (RBAC implementation) 🔑
statify.mp4
Ensure you have the following installed:
- Node.js (v16+)
- npm or yarn
-
Clone the repository:
git clone https://github.com/AkashJana18/statify.git cd statify -
Install dependencies:
npm install # or yarn install -
Set up environment variables: Create a
.envfile in the root directory and add the following:DATABASE_URL=your_neon_database_url CLERK_API_KEY=your_clerk_api_key
-
Set up the database:
npx prisma migrate dev
-
Start the development server:
npm run dev # or yarn dev -
Open your browser and navigate to
http://localhost:3000.
Thanks to these amazing contributors:
- Service Monitoring: Add functionality to track the uptime and performance of websites, APIs, and databases ⏱️.
- Dashboard: Implement a dashboard for users to view their tracked services 📊.
- Event-Driven Architecture: Integrate event-driven concepts for better scalability and responsiveness ⚡.
- Advanced Analytics: Provide detailed insights into service performance 📈.