Expenses Calculation Mechanism For Any App .
Expenses Calculation Mechanism For Any App .
By
M . AJITH
(VU21CSCI0100138)
(2023 – 2024)
CERTIFICATE
This is to certify that the project entitled “EPENSE TRACKER” is a Bonafide work done
by M. Ajith, Regd. No: VU21CSCI0100138 during December 2023 to April 2024 in
partial fulfillment of the requirement for the award of degree of Bachelor of Computer
Applications in the Department of Computer Science, GITAM School of Science, GITAM
(Deemed to be University), Visakhapatnam.
i
DECLARATION
M. Ajith
(VU21CSCI0100138)
ii
ACKNOWLEDGEMENT
The satisfaction that accompanies the successful completion of any task would be
incomplete without mentioning the people who made it possible and whose constant
guidance and encouragement crown all the effects with success.
I also express my sincere thanks to our project coordinator Ms. N. ANUSHA , associate
professor and Mr. M.SURESH KUMAR, associate professor, department of computer
science, GITAM School of Science, GITAM (Deemed to be University) for valuable
suggestions and guidance given step by step to us during our project.
I would like to personally place on record, our heartfelt and sincere thanks to people who
directly and indirectly involved in the project and for their overwhelming cooperation in
this project.
M.AJITH
(VU21CSCI0100138)
iii
INDEX
Contents Page No
1. Introduction 2
1.1 Background 2
1.2 Motivation 3
1.3.1 Disadvantages 3
1.4.1 Limitations 5
1.7 Objectives 7
iv
4.1 Overview 16
5.Structured Diagram 29
7. Testing 55
8. Screen Shots 57
9. Conclusion 60
10.Future scope 61
11.References 62
v
ABSTRACT
Our goal is to create an expense tracking system where user can be tracking all financial
activities and view previous income and expense report. User can update or delete records.
User can easily Add Expense and Income. User can categorize the income and expenses.
User can get the pictorial representation of income and expenses.
An efficient system for recording expenses is essential for managing personal or business
finances. The goal of this project is to use PHP to create a dynamic expense tracker that
can be customized to fit the various needs of customers. With the system's user-friendly
interface, people and organizations will be able to carefully track and organize their
spending, as well as create informative reports that will help them make better financial
decisions. Essential features including adjustable expenditure categories, secure user
authentication, simple input forms for entering expenses, and extensive reporting
functionalities would all be included in the proposed expense tracker project. Users will be
able to see their financial data through interactive graphs and charts, create budgets, and
get warnings when they go over their allotted amount. Furthermore, the system will allow
for many users with role-based access, making it appropriate for both individual and group
use.
1
1. INTRODUCTION
An expense tracker is a desktop application that keeps track of all your expenses and
stores all the information regarding them ,including the person to why you paid the
money. The objective of this project is to create a GUI based Expense Tracker. This
project is an attempt to manage our daily expenses in a more efficient and manageable
way. Sometime we can’t remember where our money goes. And we can’t handle our
cash flow.
1.1 BACKGROUND
In today's fast-paced world, managing personal finances has become increasingly complex,
with individuals often struggling to keep track of their expenditures effectively. The
ubiquitous nature of spending, coupled with the diverse range of payment methods and
transactions, has led to a pressing need for streamlined solutions that offer clarity and
efficiency in expense tracking. Recognizing this challenge, our project seeks to address the
fundamental issue of financial management by developing an intuitive and comprehensive
Expense Tracker application. This application aims to empower users to take control of
their finances by providing a centralized platform to monitor, categorize, and analyze their
expenditures effortlessly. By offering a graphical user interface (GUI) and incorporating
user-friendly features, such as customizable categories and insightful reporting tools, our
Expense Tracker endeavors to simplify the often daunting task of expense management.
Through innovative design and robust functionality, our project endeavors to revolutionize
the way individuals interact with their financial data, fostering a greater sense of financial
awareness and empowerment. With a focus on usability and accessibility, our Expense
Tracker aspires to be a valuable tool for individuals from all walks of life, facilitating
informed decision-making and promoting financial stability in an ever-evolving economic
landscape.
2
1.2 MOTIVATION
In the journey towards financial freedom, every penny counts. Our Expense Tracker project
is not just about managing numbers; it's about empowering individuals to take charge of
their financial destinies. It's about transforming uncertainty into clarity and chaos into
control. With our innovative solution, we aim to inspire a mindset of accountability and
efficiency in managing expenses. We believe that every dollar saved is a step closer to
achieving dreams and aspirations. By providing a user-friendly interface and powerful
tools for analysis, we strive to ignite a spark of motivation in users to make informed
financial decisions. Through our project, we envision a future where financial
empowerment is within reach for everyone, regardless of their background or
circumstances. Join us in this journey towards a brighter, more financially secure
tomorrow.
Now a days in many expense tracker applications we can see the expenses we do but we
cannot classify them and we cannot generate statistical reports .And many applications
doesn’t have proper authentication . We cannot define pre –defined expenses and these
1.3.1 DISADVANTAGES
making it challenging for users to categorize expenses effectively. This limitation leads
to cluttered records and hampers the ability to analyze spending patterns accurately.
3
Absence of Statistical Reporting: The inability to generate comprehensive
statistical reports deprives users of valuable insights into their financial habits and
trends. Without such reports, users struggle to make informed decisions about
access and potential breaches. This compromises the security and confidentiality of
categories in current systems results in a manual and time-consuming process for users
performance and lack adequate support mechanisms, leading to user frustration and
dissatisfaction. Issues such as slow loading times, system crashes, and limited
customer support hinder the overall user experience and adoption of the platform.
This application consists of graphs and the bars to show the expenses in the pictorial
representation and proper authentication so it is very secure user can set boundaries for the
expenses and user can also mention their requirement of usage of the money like medical
, groceries , fees , bills etc. user can also see his expenses is increasing or decreasing .
4
1.4.1 LIMITATIONS
Budgeting and Expense Limits: Provide functionality for users to set budget
limits for each expense category. Alert users when they are approaching or exceeding
their budget limits for specific categories.
Usage Tracking and Trends: Allow users to track their expenses over time and
observe trends in their spending habits .Provide insights or reports on how expenses
are changing over time, allowing users to identify areas where they can potentially
save money.
5
1.5 AIM AND PURPOSE OF THIS PROJECT
The aim of the Expense Tracker project is to empower individuals with a robust tool for
managing their finances efficiently. By offering a comprehensive platform that allows
users to track their expenses, set budgetary constraints, and categorize spending according
to their needs, the project seeks to promote financial awareness and responsibility. Through
graphical representations and trend analysis, users can gain insights into their spending
habits, enabling informed decision-making and fostering a proactive approach towards
budget management. The primary purpose of this project is to simplify the process of
expense tracking, thereby helping users achieve their financial goals, whether it be saving
for specific objectives, reducing unnecessary expenditures, or maintaining a balanced
budget. By prioritizing security measures, such as robust authentication systems and data
encryption, the project ensures the confidentiality and integrity of users' financial
information, instilling trust and confidence in the platform. Overall, the Expense Tracker
project aims to enhance financial literacy, promote mindful spending, and empower
individuals to take control of their financial well-being.
The scope of the Expense Tracker project encompasses various aspects of personal finance
platforms, such as web, mobile, and desktop, to cater to diverse user preferences. The
project aims to integrate advanced features like customizable expense categories, budget
limits, and trend analysis to provide a comprehensive solution for expense tracking.
Additionally, the platform will offer seamless integration with external financial accounts,
Furthermore, the project will focus on implementing robust security measures to safeguard
users' sensitive financial information, ensuring compliance with data privacy regulations.
6
It will also provide educational resources and insights to help users make informed
financial decisions and improve their financial literacy. Ultimately, the scope extends to
empowering users with the tools and knowledge necessary to achieve their financial goals
1.7 OBJECTIVES
The objectives of the Expense Tracker project are aimed at revolutionizing personal finance
management by providing users with a comprehensive toolset to navigate their financial
journeys effectively. At the core of this project is the ambition to simplify the intricate task
of expense tracking, offering users an intuitive platform where they can effortlessly record,
categorize, and analyze their expenditures. By promoting financial awareness, the project
seeks to empower users with insights into their spending habits through dynamic graphical
representations and trend analysis. Moreover, the project aims to instill a culture of
proactive budget management by facilitating the setting of personalized budget limits and
providing real-time alerts when nearing or surpassing these thresholds. In parallel, the
project endeavors to enhance users' financial literacy through educational resources and
personalized recommendations, equipping them with the knowledge and tools to make
informed financial decisions. Security remains paramount, with robust measures in place
to safeguard users' sensitive financial data, ensuring privacy and integrity across all
interactions. Customization options offer flexibility, enabling users to tailor their expense
tracking experience to align with their unique financial goals and lifestyles. By fostering a
sense of accountability and empowerment, the Expense Tracker project ultimately aims to
cultivate a community of financially responsible individuals capable of achieving greater
financial stability and success.
7
2. SYSTEM REQUIREMENT SPECIFICATIONS
The purpose of the expense tracking system is to provide individuals with a powerful and
intuitive tool to manage their finances efficiently and effectively. At its core, the system
aims to streamline the process of monitoring and categorizing expenses, enabling users to
gain a comprehensive understanding of their financial habits and commitments. By
offering a centralized platform for expense management, the system empowers users to
take control of their financial well-being and make informed decisions about their
spending. One of the primary purposes of the system is to promote financial awareness and
responsibility among users. Through visual representations and trend analysis, users can
gain insights into their spending patterns and identify areas where they can potentially save
money or allocate resources more effectively. Additionally, the system facilitates budget
management by allowing users to set limits for different expense categories and receive
notifications when they are approaching or exceeding these thresholds . Another key
purpose of the system is to enhance security and privacy. By implementing robust
authentication mechanisms and encryption protocols, the system ensures that users'
sensitive financial information remains protected from unauthorized access or breaches.
This instils trust and confidence in the platform, encouraging users to entrust their financial
data to the system with peace of mind.
The feasibility analysis of the expense tracking system involves evaluating its technical,
economic, and operational viability. From a technical standpoint, the system's feasibility
hinges on the availability of suitable technologies and resources to develop and maintain
the platform, ensuring compatibility across various devices and platforms. Economically,
the feasibility analysis assesses the cost-effectiveness of developing and deploying the
system against potential benefits, such as improved financial management and user
satisfaction. Operational feasibility examines whether the system aligns with users' needs
and workflows, considering factors like ease of use, integration with existing systems, and
8
scalability to accommodate future growth. Additionally, the feasibility analysis considers
legal and regulatory compliance, ensuring adherence to data privacy laws and financial
regulations to protect users' sensitive information. Furthermore, market research and user
feedback provide valuable insights into the demand for such a system and its potential for
success in the competitive landscape. Ultimately, the feasibility analysis serves as a crucial
step in determining whether the expense tracking system is viable and worth pursuing,
guiding decision-makers in allocating resources effectively and mitigating risks throughout
the development process.
• RAM : 8.00GB
• Storage : 512GB SSD
• Processor : i7-1165G7 @ 2.80GHz 1.69 GHz
9
The system should allow users to edit or delete previously recorded expenses as
needed. Users should have the ability to categorize expenses into predefined
categories or create custom categories to suit their needs.
Budget Setting and Monitoring: Users should be able to set budget limits
for different expense categories. The system should provide notifications to users
when they are approaching or exceeding their budget limits. Users should have the
capability to adjust budget limits dynamically based on changing financial
circumstances.
10
2.6 NON-FUNCTIONAL REQUIREMENTS
11
3. ABOUT SOFTWARE
Advantages:
Disadvantages:
• HTML alone lacks advanced styling capabilities, requiring additional CSS for
more intricate designs.
• HTML is primarily static content, meaning it doesn't provide dynamic
functionality without additional scripting languages like JavaScript or server-
side technologies like PHP.
• While HTML is standardized, older browsers may not fully support newer
HTML features, leading to compatibility issues.
Advantages:
• CSS allows for the separation of content from presentation, making it easier to
maintain and update styles across multiple web pages.
• CSS enables consistent styling across a website, ensuring a cohesive visual
identity.
• CSS features such as media queries enable the creation of responsive designs
that adapt to different screen sizes and devices.
12
Disadvantages:
JavaScript:
Advantages:
Disadvantages:
13
PHP (Hypertext Preprocessor):
Advantages:
Disadvantages:
14
SQL (Structured Query Language):
Advantages:
Disadvantages:
• Complexity: SQL queries can become complex, especially when dealing with
joins, subqueries, and optimization techniques, requiring a solid understanding
of database concepts.
• Performance Tuning: Poorly optimized SQL queries or database schema
designs can lead to performance issues, such as slow query execution or
database bottlenecks.
• Not Suitable for All Data Models: While SQL excels at managing structured
data in relational databases, it may not be the best choice for handling
unstructured or semi-structured data.
15
4. SYSTEM ANALYSIS AND REQUIREMENTS
DOCUMENTATION
4.1 OVERVIEW
consisting of various shapes connected by arrows to indicate the flow of steps. It serves as
a powerful tool for illustrating complex procedures in a clear and concise manner. Each
shape in a flowchart represents a different action or decision point within the process, such
16
conditions. Arrows between the shapes denote the sequence in which these actions occur,
facilitating easy understanding of the process flow. Flowcharts are widely used in various
education.
17
4.3 MODULES DESCRIPTION
User Management Module: This module manages user authentication,
registration, and profile management functionalities. Users can sign up, log in
securely, and update their profiles.
Expense Logging Module: This module allows users to input their expenses.
It includes features for adding, editing, and deleting expenses. Users can categorize
expenses, add descriptions, and specify dates.
Expense Category Management Module: Here, users can manage their
expense categories. They can create, edit, and delete categories according to their
needs, helping organize expenses efficiently.
Reporting Module: This module generates reports based on the user's expense
data. It may include features like generating monthly, yearly, or custom period
summaries, visualizing expenses through charts or graphs, and exporting reports in
various formats.
Budgeting Module: This module helps users set budgets for different expense
categories. It tracks expenses against set budgets and provides alerts or notifications
when users exceed predefined limits.
Data Analysis Module: This module analyzes expense data to provide insights
and trends. It may include features like identifying spending patterns, suggesting
areas for cost-saving, and offering personalized recommendations based on user
habits.
Reminder and Notification Module: This module sends reminders or
notifications to users for pending expenses, upcoming bill payments, or when they
approach budget limits. It ensures users stay informed and proactive about their
finances.
18
Settings Module: This module allows users to customize application settings
according to their preferences. It may include options for currency selection,
language preferences, notification settings, and data synchronization preferences.
UML is a standard visual language used for displaying, defining, building, and
documenting software system components. It offers a shared lexicon and collection of
graphics for expressing software plans clearly and succinctly. UML diagrams have
different functions at different stages of the software development process. They allow
software engineers, designers, and stakeholders to comprehend the system's organization,
functioning, and connections.
UML diagrams are classified into structural, behavioural, and interaction diagrams.
Structural diagrams, like class diagrams, component diagrams, and object diagrams, show
the system's static structure, which includes classes, objects, components, and their
relationships. Diagrams such as activity diagrams, state machine diagrams, and use case
diagrams depict the dynamic behaviour and functionality of the system, demonstrating its
response to stimuli and progression over time. Sequence diagrams and collaboration
diagrams show how system components communicate with each other during runtime.
UML diagrams serve different purposes in software development. In the beginning phases
of system analysis and design, they assist with collecting requirements, creating conceptual
models, and designing the architecture. UML diagrams act as guides for developers during
implementation by offering a comprehensive grasp of system structure and behaviour.
They help team members communicate effectively, making sure everyone understands the
19
system's design and functionality. Moreover, UML diagrams help with system
documentation, simplifying the task of software developers in managing and advancing the
software as time goes by.
Utilizing UML diagrams in software development requires choosing the right types of
diagrams according to the project's specific needs and situation. Developers utilize these
tools to transform abstract designs into tangible representations, continuously improving
them through iterations as the software is developed.
A use case diagram is a visual representation of different interactions between actors (users
or external systems) and a system under consideration. It depicts various scenarios of how
users or external systems interact with the system to achieve specific goals. In essence, it
provides a high-level overview of the system's functionalities from a user's perspective.
Typically, a use case diagram consists of actors, use cases, and their relationships. Actors
represent roles played by users or external systems, while use cases represent specific
functionalities or tasks the system can perform. The relationships between actors and use
cases illustrate the interactions or communication between them.
For example, in a banking system, actors could include customers, tellers, and
administrators, while use cases might include "Withdraw Money," "Deposit Money,"
"Transfer Funds," and "Generate Account Statement." The relationships between these
actors and use cases depict how they interact with the system to accomplish tasks.
Use case diagrams are valuable tools during the early stages of system development as they
help stakeholders understand the system's functionality requirements and its interaction
with users or external systems. They aid in identifying system boundaries, defining user
roles, and clarifying system behavior.
20
Overall, a use case diagram serves as a blueprint for understanding the functional
requirements of a system, facilitating communication between stakeholders, and guiding
the development process towards building a system that meets user needs and expectations.
The use case diagram for an expense tracker system outlines the various interactions
between actors and the system to achieve specific tasks. Actors typically include users and
external systems. In this diagram, users are represented as primary actors, such as "User"
and "Administrator," while external systems might include "Banking API" or "Notification
Service." Use cases depict specific functionalities the system offers, like "Record
Expense," "Set Budget," "Generate Expense Report," and "Notify User." Relationships
21
between actors and use cases illustrate how users interact with the system to accomplish
tasks, such as a user recording an expense or setting a budget. Additionally, secondary
actors like "Email Service" may be involved in supporting functionalities like sending
notifications. Overall, the use case diagram serves as a visual guide for understanding the
system's functionalities from a user's perspective, aiding in requirement analysis,
communication among stakeholders, and system development.
Activity diagrams in software development have multiple functions. Firstly, they offer a
straightforward summary of the workflow, making it simpler for stakeholders to grasp the
sequence of activities in a process. Having clear communication helps team members,
clients, and other stakeholders understand how the software should work, fostering a shared
understanding.
22
The activity diagram for an expense tracker system depicts the workflow of various
activities involved in managing expenses. It begins with the initiation of the process,
typically with a start node, representing the beginning of the activity flow. Users then
proceed to log in to the system, followed by accessing the main menu where they have
options such as adding an expense, viewing expenses, setting budgets, or logging out. Upon
selecting an option, users engage in specific activities such as adding an expense or setting
a budget, represented by action nodes. These activities may involve interactions with the
system's interface and data entry. After completing an activity, users can choose to perform
additional tasks or log out, leading to different branches or loops in the activity flow. The
diagram also includes decision nodes to represent conditional branching based on user
23
choices, such as whether to add another expense or view previous expenses. Finally, the
activity flow concludes with users logging out of the system. Overall, the activity diagram
provides a visual representation of the sequential flow of activities within the expense
tracker system, guiding users through various functionalities and decision points to
efficiently manage their expenses.
24
A sequence diagram for an expense tracker system depicts the interactions between various
components when a user interacts with the system to manage their expenses. At the outset,
the user initiates the interaction by logging into the system. Upon successful authentication,
the system retrieves the user's existing expenses and displays them. The user then proceeds
to add, edit, or delete expenses as needed. Each action triggers corresponding method calls
in the system, such as addingExpense(), editExpense(), or deleteExpense(). Furthermore,
the user may also set budgets for different expense categories, which involves interactions
with the system's setBudget() method. Throughout these interactions, the system verifies
permissions and data integrity to ensure security and accuracy. Additionally, the sequence
diagram illustrates how the system communicates with the user interface to provide
feedback and updates in real-time. Finally, the user logs out to terminate the session,
triggering the system to perform any necessary cleanup tasks. In essence, the sequence
25
diagram delineates the step-by-step interactions between the user and the expense tracker
system, elucidating the flow of control and data between components during expense
management operations.
The ER diagram provides a clear and concise overview of the database's structure, helping
database designers and stakeholders understand the data model's organization and logic. It
serves as a blueprint for creating the actual database schema, aiding in the implementation
process and ensuring that the database accurately reflects the requirements and
relationships of the real-world domain it represents.
26
An Entity-Relationship (ER) diagram for an expense tracker system visualizes the
relationships between entities involved in managing expenses. Entities include User,
Expense, and Budget. Users are identified by a unique user Id and have attributes like
username and email. Expenses are linked to users via a user Id and include details such as
27
amount, category, and date. A Budget entity allows users to set spending limits for different
categories. Users can have multiple expenses and budgets, forming one-to-many
relationships. Additionally, an Expense can belong to only one user, representing a many-
to-one relationship. The ER diagram illustrates these relationships using lines connecting
entities with appropriate cardinality indicators. It aids in understanding the system's data
model, facilitating database design and implementation. By representing entities and their
relationships, the ER diagram serves as a blueprint for developers to create an efficient and
effective expense tracking system that meets users' needs and requirements.
28
5. STRUCTURED DIAGRAM
Structure diagrams play a key role in software development for multiple important reasons.
Initially, they help team members communicate better by visually displaying the system's
architecture. This ensures all project participants have a common understanding of how
various components connect and come together.
Additionally, structure diagrams are beneficial during the analysis and design stages of
software development. Architects and designers can use them to visualize the system's
layout before building it, which can assist in detecting possible design flaws or
inefficiencies at an early stage of development. Developers can use visualization of
component relationships to help them make informed choices about system design and
implementation tactics.
Moreover, structure diagrams help with documentation by offering a detailed look at the
architecture of the software system. They are a useful resource for developers and
maintainers, aiding in their comprehension of the system's structure and connections during
modifications or problem-solving.
When it comes to implementation, developing structure diagrams usually requires the
utilization of specific modelling tools or software that is compatible with UML or other
diagramming notations. These tools offer functions to create and modify diagrams, as well
as to produce documentation or code based on the diagrams. Collaboration tools could also
be present to aid in promoting team collaboration and communication among project
participants.
In general, structure diagrams are essential in software development as they visually depict
the system's architecture, help communication, and assist in the process.
A visual representation in software engineering, known as a structure diagram, depicts the
layout, elements, and connections in a software system. It offers a big picture look at how
the system is structured, helping developers, architects, and stakeholders grasp its
organization and design.
29
5.1 OBJECT DIAGRAM
An object diagram is a visual representation within the Unified Modeling Language (UML)
that illustrates the instances of classes and their relationships at a specific point in time. It
provides a snapshot of a system's structure, focusing on the objects and their interactions
rather than the flow of control or sequence of events. In essence, an object diagram
showcases the runtime state of a system, showing the actual objects and their attributes as
they exist during execution. Each object is depicted as a box with its name and attributes
listed, emphasizing the data rather than behavior. Lines connecting the objects signify
associations or relationships between them, such as composition, aggregation, or simple
links. Object diagrams are valuable for understanding how objects collaborate within a
system, aiding in the design, analysis, and communication of complex systems. They
facilitate discussions among stakeholders, developers, and designers, allowing for a clear
visualization of the system's structure and behavior. Additionally, object diagrams can
assist in detecting design flaws, verifying system correctness, and guiding implementation
efforts by providing a tangible representation of the system's runtime entities. Overall,
object diagrams serve as powerful tools for modeling and understanding the relationships
and interactions between objects in object-oriented systems.
30
The object diagram illustrates the structure of an expense tracker system. It consists of three
main classes: User, Expense, and Expense Tracker. The User class represents users of the
system, holding attributes like username and password, with methods for managing
expenses such as adding, deleting, and viewing. The Expense class represents individual
expenses, with attributes such as expenseID, amount, date, and category, facilitating the
tracking of spending. The Expense Tracker class serves as the central component,
managing both users and expenses. It maintains lists of users and expenses and provides
functionalities for adding or removing users and expenses. Users own the expense Tracker
31
object, indicating their association with the system. The expense Tracker, in turn, manages
both users and expenses, orchestrating interactions and facilitating expense tracking and
management within the system. Overall, the diagram demonstrates the relationships and
functionalities of the key components within the expense tracker system.
32
The class diagram illustrates the core components of an expense tracker system. The User
class represents users of the system, containing attributes like userId, username, and
methods for login, registration, and profile updates. Each user can own multiple expenses
and budgets, as depicted by the association lines. The Expense class represents individual
expenses with attributes such as amount, category, and date, along with methods for
managing expenses like adding, deleting, and editing. Users can also set budgets for
different expense categories using the Budget class, which includes attributes for budget
amount and category, along with methods for setting and retrieving budgets. The diagram
reflects a one-to-many relationship between users and expenses as well as users and
budgets, indicating that a user can own multiple expenses and budgets. Overall, the class
diagram provides a blueprint for understanding the structure and interactions within the
expense tracker system, facilitating its development and implementation.
33
6.CODE
LOGIN PAGE:
<?php
require('config.php');
session_start();
$errormsg = "";
if (isset($_POST['email'])) {
$email = stripslashes($_REQUEST['email']);
$password = stripslashes($_REQUEST['password']);
$rows = mysqli_num_rows($result);
if ($rows == 1) {
$_SESSION['email'] = $email;
header("Location: index.php");
} else {
$errormsg = "Wrong";
34
}
} else {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Login</title>
<style>
.login-form {
35
width: 340px;
font-size: 15px;
.login-form form {
margin-bottom: 15px;
background: #fff;
padding: 30px;
.login-form h2 {
color: #636363;
margin: 0 0 15px;
position: relative;
text-align: center;
.login-form h2:before,
36
.login-form h2:after {
content: "";
height: 2px;
width: 30%;
background: #d4d4d4;
position: absolute;
top: 50%;
z-index: 2;
.login-form h2:before {
left: 0;
.login-form h2:after {
right: 0;
.login-form .hint-text {
color: #999;
margin-bottom: 30px;
37
text-align: center;
.login-form a:hover {
text-decoration: none;
.form-control,
.btn {
min-height: 38px;
border-radius: 2px;
.btn {
font-size: 15px;
font-weight: bold;
</style>
</head>
<body>
38
<div class="login-form">
<h2 class="text-center">D.E.M.S</h2>
<div class="form-group">
</div>
<div class="form-group">
</div>
<div class="form-group">
</div>
<div class="clearfix">
</div>
</form>
39
<p class="text-center">Don't have an account?<a href="register.php" class="text-
danger"> Register Here</a></p>
</div>
</body>
<script src="js/jquery.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
<script>
feather.replace()
</script>
</html>
40
DASHBOARD:
<?php
require('config.php');
session_start();
$errormsg = "";
if (isset($_POST['email'])) {
$email = stripslashes($_REQUEST['email']);
$password = stripslashes($_REQUEST['password']);
$rows = mysqli_num_rows($result);
if ($rows == 1) {
$_SESSION['email'] = $email;
header("Location: index.php");
} else {
$errormsg = "Wrong";
41
} else {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Login</title>
<style>
.login-form {
width: 340px;
42
margin: 50px auto;
font-size: 15px;
.login-form form {
margin-bottom: 15px;
background: #fff;
padding: 30px;
.login-form h2 {
color: #636363;
margin: 0 0 15px;
position: relative;
text-align: center;
.login-form h2:before,
.login-form h2:after {
43
content: "";
height: 2px;
width: 30%;
background: #d4d4d4;
position: absolute;
top: 50%;
z-index: 2;
.login-form h2:before {
left: 0;
.login-form h2:after {
right: 0;
.login-form .hint-text {
color: #999;
margin-bottom: 30px;
text-align: center;
44
}
.login-form a:hover {
text-decoration: none;
.form-control,
.btn {
min-height: 38px;
border-radius: 2px;
.btn {
font-size: 15px;
font-weight: bold;
</style>
</head>
<body>
<div class="login-form">
45
<form action="" method="POST" autocomplete="off">
<h2 class="text-center">D.E.M.S</h2>
<div class="form-group">
</div>
<div class="form-group">
</div>
<div class="form-group">
</div>
<div class="clearfix">
</div>
</form>
46
</div>
</body>
<script src="js/jquery.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
<script>
feather.replace()
</script>
</html>
CSS:
body {
background-color: #efefef;
.feather {
47
width: 20px;
height: 20px;
stroke: #4d4d4d;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
vertical-align: text-bottom;
.list-group {
background-color: #ffffff;
.list-group-item {
border: none;
.user {
text-align: center;
.user img {
48
padding: 10px;
.toggler {
color: #000;
background-color: #fff;
border: none;
outline: none;
.sidebar-active {
color: #47a04b;
font-weight: 500;
.sidebar-active .feather {
stroke: #47a04b;
font-weight: 500;
#wrapper {
overflow-x: hidden;
background-color: #fff;
49
#sidebar-wrapper {
min-height: 100vh;
margin-left: -15rem;
#sidebar-wrapper .sidebar-heading {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #999;
#sidebar-wrapper .list-group {
width: 15rem;
50
#page-content-wrapper {
min-width: 100vw;
#wrapper.toggled #sidebar-wrapper {
margin-left: 0;
#sidebar-wrapper {
margin-left: 0;
#page-content-wrapper {
min-width: 0;
width: 100%;
#wrapper.toggled #sidebar-wrapper {
margin-left: -15rem;
51
}
.card {
margin-bottom: 10px;
.container-fluid {
margin-right: 20px;
/* Custom Gradients */
.card-gradient-1 {
border: none;
color: #ffffff;
background: -webkit-linear-gradient(
to right,
#93291e,
#ed213a
background: linear-gradient(
52
to right,
#93291e,
#ed213a
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
.card-gradient-2 {
border: none;
color: #ffffff;
background: -webkit-linear-gradient(
to right,
#e44d26,
#f16529
background: linear-gradient(
to right,
#e44d26,
#f16529
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
53
.card-gradient-3 {
border: none;
color: #ffffff;
background: -webkit-linear-gradient(
to right,
#753a88,
#cc2b5e
background: linear-gradient(
to right,
#753a88,
#cc2b5e
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
54
7.TESTING
User Acceptance Testing (UAT): UAT involves testing the system with
end-users to validate that it meets their needs and expectations. Users perform real-
world tasks and provide feedback on the system's usability, functionality, and
overall satisfaction.
55
Tests include penetration testing, vulnerability scanning, and authentication checks
to ensure the system's security measures are effective.
56
8.SCREEN SHOTS
57
58
59
9. CONCLUSION
60
10. FUTURE SCOPE
Looking ahead, the future scope of the expense tracking system is brimming with
possibilities for further innovation and enhancement. With advancements in technology
and an ever-evolving financial landscape, there are several avenues for growth and
expansion. Integration with artificial intelligence and machine learning algorithms holds
the potential to provide users with personalized financial insights and recommendations
tailored to their specific spending habits and financial goals. Furthermore, the system could
explore partnerships with financial institutions and service providers to offer additional
features such as investment tracking, loan management, or credit score monitoring, thereby
offering users a more holistic approach to financial management. Enhanced data
visualization techniques could also be implemented to provide users with even deeper
insights into their spending patterns and trends. Additionally, the system could explore
opportunities for internationalization, catering to users in different regions and currencies.
Moreover, continued focus on accessibility and usability will ensure that the system
remains inclusive and user-friendly for individuals from all walks of life. As the digital
landscape continues to evolve, the expense tracking system is poised to play an increasingly
pivotal role in empowering individuals worldwide to achieve financial stability and
success.
61
11 . BIBILOGRAPHY/REFERENECES
Database Design Tutorial - This tutorial can guide you through designing the
database structure for your appointment system.
62
63