Salary Trackr
- Posted at 2024 02 26 01:38:07 PM
- View Project https://ss.yazan-khayal.com
- Category Laravel with VUE JS
Tags
- Vue Js
- Tailwind components
- Laravel Reset Full API
- PHP Laravel JetStreem
- inertiajs
- Tailwind CSS
- Laravel 10
Description
Overview
Spend Trackr is a web application designed to help users track their spending, budget effectively, and make smarter financial decisions. With Spend Trackr, users can gain insights into their financial habits, set and achieve financial goals, and share their expenses with others. The platform leverages modern web technologies to provide a seamless and intuitive user experience.
Key Features
- Expense Tracking: Record and categorize expenses to keep track of spending.
- Budgeting Tools: Set budgets for different categories and monitor spending against them.
- Financial Insights: Visualize spending patterns and gain insights into financial habits with charts and graphs.
- Goal Setting: Define financial goals and track progress towards achieving them.
- Expense Sharing: Share expenses with others via email, allowing collaboration on shared financial goals.
- User Authentication: Secure login and registration system with user authentication and authorization.
- Responsive Design: Optimized for use on both desktop and mobile devices.
Frontend Architecture
Framework: Vue.js with Inertia.js
- Vue.js: Provides a reactive and component-based architecture for building dynamic user interfaces.
- Inertia.js: Acts as a bridge between Vue.js and Laravel, allowing you to build single-page applications without the complexity of client-side routing.
Styling: Tailwind CSS
- Purpose: A utility-first CSS framework that allows for rapid UI development with responsive design capabilities.
Package Management: NPM (Node Package Manager)
- Purpose: Manages JavaScript dependencies and build tools.
Backend Architecture
Language: PHP
Framework: Laravel 10
- Features: Provides a robust back-end infrastructure with features like routing, ORM (Eloquent), and middleware for request processing.
Authentication: Laravel Jetstream
- Purpose: Provides authentication scaffolding, including login, registration, email verification, and two-factor authentication.
Database: MySQL
- Purpose: Stores user data, transaction records, budgeting information, and shared expense details.