A modern and responsive frontend for the Expense Splitter application. Built with React, Vite, and Tailwind CSS, it provides a clean interface for managing shared expenses, groups, balances, and settlements.
Frontend
https://expense-splitter-frontend-ochre.vercel.app/
Backend API
https://expense-splitter-backend-eb7u.onrender.com/
- User Signup
- User Login
- JWT Authentication
- Automatic Token Handling
- Protected Routes
- Welcome Dashboard
- Total Groups Card
- Create Group
- Responsive Layout
- View Groups
- Search Groups
- Open Group Details
- Delete Group
- Add Expense
- Equal Split
- Exact Split
- Delete Expense
- Real-time Updates
- Add Member
- Remove Member
- Creator Permissions
- View Group Balances
- Personal Balance Summary
- Settlement Suggestions
- Desktop
- Laptop
- Tablet
- Mobile
- Responsive Sidebar
- Mobile Navigation
- Responsive Modals
- React
- Vite
- Tailwind CSS
- Axios
- React Router DOM
- React Toastify
- Lucide React
src
│
├── components
├── pages
├── services
├── assets
├── App.jsx
└── main.jsx
- Modern Dashboard
- Responsive Sidebar
- Mobile Navigation
- Responsive Tables
- Responsive Modals
- Clean Card Design
- Toast Notifications
- Loading Indicators
Clone repository
git clone https://github.com/DevbBhatt/expense-splitter-frontend.gitMove into project
cd expense-splitter-frontendInstall dependencies
npm installRun development server
npm run devCreate a .env file:
VITE_API_URL=https://expense-splitter-backend-eb7u.onrender.com| Service | Platform |
|---|---|
| Frontend | Vercel |
| Backend | Render |
| Database | TiDB Cloud |
- Dark Mode
- User Profile Editing
- Expense Categories
- Charts & Analytics
- Multi Currency Support
- Notifications
- Offline Support
- PWA Support
Dev Bhatt
GitHub
https://www.linkedin.com/in/dev-bhatt-9825b12bb/