A responsive CRUD react application to help you track your budget and expenses.
<iframe width="560" height="315" src="src/assets/vid.webm" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>- ReactJs: A javascript library for building user interfaces
- TailwindCSS: A utility-first css framework for rapidly designing web pages
- React Router: A react library to provide routing and state management
- ContextAPI: A React API for managing react state
- React Toastify: A customizable toast notification library for React Apps
- React Icons: A collection of popular icons as React components
- Vite: A fast and efficient build tool for modern web development
- Vercel: A cloud platform for static site deployment
- A demo login form to collect user data
- Homepage containing forms to input budgets and expenses
- Responsive tables displaying user expense as per budget
- Delete expense and budget functionalities ensuring CRUD operations
- Good responsive UI/UX
To get started with HomeBudget locally, follow these simple steps:
- Clone the repository
git clone https://github.com/Cleve-codes/react-expense-tracker.git - Navigate into the project directory
cd react-expense-tracker - Install the dependencies
npm install - Start the local development server
npm start
The application should now be running on http://localhost:3000.
To deploy this project on Vercel, follow these steps:
- Push your project to a GitHub repository.
- Visit Vercel and sign up if you haven't already.
- Click on "New Project" and import your GitHub repository.
- Follow the prompts and deploy your project.
Contributions are welcome! If you encounter any issues or have suggestions for improvement, please open an issue or submit a pull request.
Fork the repository. Create a new branch. Make your changes and commit them. Push to the branch. Submit a pull request.