Recently, I completed a project called DataFlow as part of an assignment.
The main goal of this project was to understand how data flows through a modern web application, how authentication works, and how to structure a scalable dashboard.
Become a member
Instead of keeping it theoretical, I decided to build a real working application.
Project Overview
DataFlow is a dashboard-style web application that includes:
User authentication
Protected routes
Database integration
Clean and responsive UI
This project helped me practice real-world concepts like auth handling, database queries, and UI state management in a production-like setup.
🛠 Tech Stack Used
I used the following technologies in this project:
Next.js 15 (App Router)
TypeScript
Tailwind CSS
Better Auth (for authentication)
PostgreSQL (database)
Drizzle ORM
Vercel (deployment)
🔗 Project Links
🌐 Live Application:
https://data-flow-assignment.vercel.app/
📂 Source Code (GitHub):
https://github.com/shashibhushan21/DataFlow-Assignment
🎥 Demo Video:
https://youtu.be/x1RNXIjD21g
📚 What I Learned
While working on this assignment, I learned:
How to manage authentication in Next.js
How to connect and query a PostgreSQL database using Drizzle ORM
How to structure a dashboard using the App Router
How to handle proper data flow between components
Overall, this project gave me confidence in building full-scale web applications using modern tools.
Conclusion
DataFlow is a simple but complete assignment project that helped me strengthen my understanding of full-stack development using Next.js.
Feedback and suggestions are always welcome.
Top comments (0)