Skip to content

A MERN Application designed to help you manage your money!

Notifications You must be signed in to change notification settings

stellyes/Wealth-Builder

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Site Langing Page

Technology Used - This is a MERN API

Description

Visit the Deployed "Wealth Builder" site 👀

Many of us ask ourselves at the end of the month “Where’d all my money go?!” Wealth Builder allows users to answer that question. Wealth Builder creates a safe online accounting form to keep track of a user's money coming in and money going out during the course of a month.

Wealth Builder also provides several points of encouragement to try and get users thinking about saving their money instead of just spending it. Wealth Builder does this by allowing the user to create savings goals with encouraging goal notifications such as “Great job you're almost there”! Wealth Builders' use of real-time data showing stock prices and finance news gets a user thinking about how to use their money as an investment.

Login And Modify

Table of Contents

How To Install

  1. Copy this GitHub repository down to your local drive.
  2. Open the folder where you placed the files from this repository on your local drive with your Git terminal. Make sure you can see the server.js file and also the package.json file.
  3. Type "run npm init" this will install the necessary node.js modules.
  4. Type “npm install” to install all the necessary dependencies that are called out in the package.json file.
  5. Type “npm run start” If you have everything set up correctly you can open http://localhost:3000” (it should open for you automatically) And you will see the site Wealth Builder.

Usage and Features

User Stories

3 Types Of Users

User Stories Converted To GraphQL Queries and Mutations

API Routes

We used Bootstrap as the basis of our framework, along with custom CSS

Here Is The Mobile Responsiveness

Login And Modify

Code Examples

How A Feature Was Developed Using GraphQL and React

User Model

We started in the back end by modeling out how we wanted a data set to look. Here is the Model and Seed for a Transaction

Login And Modify

Then we made the GraphQL Resolver to add the Transaction to the MongoDB

Login And Modify

Then on the front end we used React to build a Transaction Component

Login And Modify

Then we made the GraphQL Mutation to move the Transaction into the MongoDB from the front end (When the User enters it in)

Login And Modify

Author Info

If you made it this far "thank you!" 😁🙏👍 We appreciate you taking such a thorough look at our work. If you would like to contact us or see more of our work please use the links below.

Aaron Torres

paperpatch paperpatch paperpatch

Christina Larsen

paperpatch paperpatch paperpatch

Ryan England

paperpatch paperpatch paperpatch

Steven Sills II

paperpatch paperpatch paperpatch

Thomas Er

paperpatch paperpatch paperpatch

License

License: MIT

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

About

A MERN Application designed to help you manage your money!

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 96.3%
  • HTML 3.0%
  • CSS 0.7%