https://github.com/hs-doshi/budget-planner
Budget Planner Application using Angular, Typescript. Deployed Site you can review it & enjoy it.
https://github.com/hs-doshi/budget-planner
angular angular-material deployed frontend material-ui typescript
Last synced: 5 months ago
JSON representation
Budget Planner Application using Angular, Typescript. Deployed Site you can review it & enjoy it.
- Host: GitHub
- URL: https://github.com/hs-doshi/budget-planner
- Owner: HS-doshi
- Created: 2024-03-12T10:13:58.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-27T17:24:44.000Z (over 1 year ago)
- Last Synced: 2025-01-11T00:26:59.572Z (over 1 year ago)
- Topics: angular, angular-material, deployed, frontend, material-ui, typescript
- Language: TypeScript
- Homepage: https://budget-planner-two-beta.vercel.app
- Size: 558 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Budget
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.1.2.
# Budget Planner
This is a feature-rich, role-based budget management application built with Angular. The app enables users to create, view, and manage monthly budgets effectively, showcasing best practices in Angular development.
Live Demo: https://budget-planner-two-beta.vercel.app/budget-planner/dashboard
## Features
Monthly Budget Management: Add, view, edit, and delete budgets for each month.
Role-Based Access: Provides restricted features based on user roles.
Real-Time Updates: Dynamically updates budget details with instant reflections.
Responsive Design: Fully optimized for both mobile and desktop devices.
## Prerequisites
Ensure you have the following installed:
Node.js (LTS version recommended)
Angular CLI version 17.1.2
## Installation
1. Clone the Repository
git clone
cd budget-planner
2. Install Dependencies
npm install
3. Command Overview
npm start
### Notes
This project highlights the following Angular concepts:
Lazy Loading for optimized performance.
Role-Based Guards for secure access.
Responsive UI using Angular Material and custom styles.
### Deployment
The app is hosted live at:
https://budget-planner-two-beta.vercel.app/budget-planner
For deploying the app to Vercel or similar platforms, follow the specific hosting service's instructions.
Feel free to fork the repository or use this project for learning and experimentation. Contributions are welcome!
Thank You!