I an working on a project and need to have some outline for the things that will be in html css and js.
This is my manuscript:  The project, named WealthGuardian, is a comprehensive personal financial management application designed to help individuals monitor and manage their daily economic activities. WealthGuardian was chosen as the name because it emphasizes the app’s role in guarding and optimizing users’ wealth through insightful financial monitoring and guidance. The core functionalities of WealthGuardian include budget tracking, which allows users to set monthly spending limits and track day-to-day expenses to ensure they stay on budget. The investment tracker enables users to monitor their portfolio performance, providing insights on stocks, bonds, and other investments (although this part may be an overreach on the dev’s part).    

  Additionally, WealthGuardian offers a savings goal tracker that motivates and assists users in achieving their short and long-term saving objectives by setting incremental landmarks. Finally, the application integrates a debt management plan that offers tailored advice on reducing liabilities and improving financial health. Overall, the aim of WealthGuardian is to offer an intuitive and accessible interface that empowers users to enhance their financial literacy and achieve greater economic security. 
 

 

Essentials (MUST have) 

- User authentication and management. 

- Basic transaction tracking. 

- Basic budget creation and tracking. 

Important (SHOULD have) 

- A detailed dashboard for a quick overview of financial health. 

- Alerts or notifications for budget limits. 

Nice to Have (COULD have) 

- Investment tracking (simplified version). 

- Use of interactive charts for financial data visualization. 

Non-Essential (WON’T have this time) 

- Comprehensive debt management tools. 

- Advanced investment analysis features. 

- In-depth financial health reports. 

 

 

1. User - Manages user information and authentication details. 

2. Transaction - Records individual financial transactions to monitor spending and investments. 

3. Account - Represents various financial accounts, such as checking, savings, or investment accounts. 

4. Budget - Helps in setting and tracking monthly spending limits and financial goals. 

 

1. Table Name: Users 

- Primary Key: user_id 

- Model Related: User 

 

- Primary Key: transaction_id 

3- Foreign Key: account_id (links to Accounts table) 

- Model Related: Transaction 

 

- Primary Key: account_id 

- Foreign Key: user_id (links to Users table) 

- Model Related: Account 

 

- Primary Key: budget_id 

- Foreign Key: user_id (links to Users table) 

- Model Related: Budget 

  

1. Dashboard - Provides an overview of all financial metrics including recent transactions, budget summary, and savings goals. 

2. Transaction History - Displays a detailed log of all financial transactions allowing users to review past expenses and deposits. 

3. Budget Management - Enables users to create, edit, and monitor their monthly budgets, visualizing data to aid in financial decision-making. 

4. Investments Tracker - Offers a comprehensive view of investment portfolios with performance metrics and individual asset reviews. 

5. Savings Goals - Allows setting and tracking of various saving objectives, offering motivational insights and progress reports. 

6. Debt Overview - Shows all liabilities and provides plans and suggestions for efficient debt management. 

This is the rubric:
Website Theme
   2 points
●  Host on GitHub,  include the link to your GitHub account
in the README file
   2 points
2. Technical Requirements:
 
     HTML: 32%
● Have at least 3 pages, keep the grid system 
consistent as much as possible
 4 points
● Use at least 10 different HTML tags 4 points
● Use HTML tables  4 points
 
● Implement at least two uses for forms  4 points
● Dropped Down Menu    4 points 
_____________________________________________________
● Use web fonts4 points
● Use different types of content in the form of text, 
images, videos, and GIFs
  4 points 
● Use regex validation   4 points 
     CSS: 17%
   
● Inline, internal, and external styling   9 points 
● Use five different CSS selectors  5 points 
● Use colors that complement each other  3 points 
     Javascript: 47%
● External scripts  5 points 


____________________________________________________________________________
● Use variables  7  points 
● Use if statements  7 points 
● Use  loops  7 points 
●  Use at least one form of collections 7  points 
●  Use functions/call back 7 points
●  Use events 7 points 
Total Points
100 points
/100
SBA HTML-CSS-JavaScript Project (Extra Credit): 5%
This section is not included in the technical requirements of the project. Completing this section is not 
required, and not completing this section will not negatively impact your grade.
Completing this section could only help boost your overall project grade. This section is only meant for 
learners who want to go the extra mile and showcase their Front-End development skills.
Note that you must complete all other requirements to receive credit for this section. This extra credit will 
not be included if you have already received the maximum 100% grade.

____________________________________________________________________________
Project Extra Credit:   Choose ONLY ONE:                        
(Extra Credit): 5% 
Total
Possible
Points
Points
Received
Instructor Comments
CSS:
● Use Flexbox (Optional)   5 points
● Use SASS/SCSS (Optional)   5 points
● Use animations (Optional)   5 points
JavaScript:  
● Use AJAX (Optional)    5 points
● Use JSON or XML (Optional   5 points
● Use JQuery (Optional)   5 points
Total Extra Credit Points 5 points
   ONLY
.
Project Feedback and Evaluation
● Technical Requirements:
○ Did you deliver a project that met all of the technical requirements?
○ Given what the class has covered, did you build something reasonably complex?

____________________________________________________________________________
● Creativity:
○ Did you add a personal touch/spin or a creative element into your project submission?
○ Did you deliver something of value to the end-user ?
● Code Quality:
○  Did you follow the code style guidance and exercise best practices?
○ Did you provide any comments?
● Deployment:
○ Did you try to deploy your application to a public URL as a personal stretch goal?