🧞‍♀️ TifCo Dashboard

This is a dashboard project I built to learn more about NextJS, Tailwind, React, Vercel, and a few other tools. It's pretty basic but fun to put together.

Its a react frontend with next and tailwind for styling. Deployed on Vercel and using their postgres for storage. It has auth, is fully responsive, and is a great base for me to add more interesting features.

Status

Setup
Styling (Tailwind)
Font & Image optimization
layouts & pages
navigation & pagination
deployment & db setup
fetching data
static/dynamic rendering
streaming
ppr
search & more pagination
data mutation
error handling
accessibility
auth
metadata
MVP Complete
Customer portal
user profile & preferences
seo
custom reporting
rbac
dashboard builder (drag & drop)
custom queries

Screenshots

Landing Page

Screenshot of the landing page showing a header, text describing the dashboard, and a picture of Tif.

Login Page

Screenshot of the login page showing company header and login form.

Dashboard Page/Home

Screenshot of the dashboard page showing a top row of cards - collected payments, pending payments, total invoices, and total customers. Below that, there are two charts - Recent revenue and latest invoices.