This is the frontend for BudgetWise, a modern full-stack expense tracker application designed to provide users with a clear and easy way to manage their finances. This project was built from scratch to demonstrate modern frontend development best practices.
- Secure User Authentication: Full registration and login system using JWT.
- Interactive Dashboard: A clean and responsive dashboard to view, add, edit, and delete personal expenses.
- Real-time UI Updates: The interface updates instantly after every action without page reloads.
- Modern UI/UX: Built with Tailwind CSS and shadcn/ui for a professional and user-friendly experience.
- Toast Notifications: Provides clear feedback to the user for all actions (success or error).
- Framework: Next.js (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- API Communication: Axios
- Global State Management: React Context API
To run this project locally:
-
Clone the repository.
-
Install dependencies:
npm install
-
Create a
.env.localfile in the root directory and add the backend API URL:NEXT_PUBLIC_API_URL=http://localhost:3001
-
Run the development server:
npm run dev