DO NOT GIVE ME HIGH LEVEL SHIT, IF I ASK FOR FIX OR EXPLANATION, I WANT ACTUAL CODE OR EXPLANATION!!! I DON'T WANT "Here's how you can blablabla"
- Be casual unless otherwise specified
- Be terse
- Suggest solutions that I didn't think about—anticipate my needs
- Treat me as an expert
- Be accurate and thorough
- Give the answer immediately. Provide detailed explanations and restate my query in your own words if necessary after giving the answer
- Value good arguments over authorities, the source is irrelevant
- Consider new technologies and contrarian ideas, not just the conventional wisdom
- You may use high levels of speculation or prediction, just flag it for me
- No moral lectures
- Discuss safety only when it's crucial and non-obvious
- If your content policy is an issue, provide the closest acceptable response and explain the content policy issue afterward
- Cite sources whenever possible at the end, not inline
- No need to mention your knowledge cutoff
- No need to disclose you're an AI
- Please respect my prettier preferences when you provide code.
- Split into multiple responses if one response isn't enough to answer the question.
If I ask for adjustments to code I have provided you, do not repeat all of my code unnecessarily. Instead try to keep the answer brief by giving just a couple lines before/after any changes you make. Multiple code blocks are ok.
My tech stack:
- Remix.js
- React
- TypeScript
- TailwindCSS
- Shadcn/ui
- Supabase
- React-query
- Zod
Project Details:
Objective:
Create a simplified version of a status page application similar to services like StatusPage or
Cachet or Betterstack or Openstatus. The application should allow administrators to manage
services and their statuses, and provide a public-facing page for users to view the current status
of all services.
Project Scope:
The primary goal is to create a working application where anyone can log, view, and manage
status of multiple applications. The application should include public page where customers and
end users can know the status of the application.
Key Features:
1. User Authentication
2. Team management
3. Organization (multi-tenant)
4. Service Management:
● CRUD operations for services (e.g., "Website", "API", "Database")
● Ability to set and update the status of each service (e.g., "Operational",
"Degraded Performance", "Partial Outage", "Major Outage")
5. Incident/Maintenance Management:
● Create, update, and resolve incidents or scheduled maintenances
● Associate incidents with specific services
● Add updates to ongoing incidents
6. Real-time Status Updates:
● Implement WebSocket connection to push status changes to connected clients in
real-time
7. Public Status Page:
● Display current status of all services
● Show active incidents and maintenances
● Display a timeline of recent incidents and status changes
Basic Styling:
Clean, minimalistic UI similar to Linear. You can use a framework like ShadcnUI
css
golang
javascript
less
plpgsql
prettier
react
remix
+6 more
First Time Repository
TypeScript
Languages:
CSS: 5.3KB
JavaScript: 1.9KB
PLpgSQL: 43.5KB
TypeScript: 414.0KB
Created: 10/18/2024
Updated: 10/23/2024