/savemymoney

Design of web application to register expenses

Primary LanguageJavaScript


Save my Money
Save my Money

This is a first desktop app for all the users whose want to have a record of their expenses please check out our application clicking here Save my money.


Languages and tools

babel css3 html5 javascript python webpack


Analysis

You can consult the flow diagrams in the folder diagrams included with the code.

Problem: Users wants to have a record of expenses.

Problem analysis:

  • Data:

    • User name
    • Spent money
    • Where was the money spent
    • Date
  • Application desktop first

  • Components to develop:

    • Dashboard: to check a history of expenses by date 1 month limit
    • New Expense: to register a new expense with the data

Design and Inspiration

We took our inspiration by watching dashboards on the web and applications like pinterest.

Figma design: https://www.figma.com/file/dcASTW1DA1ZOgT733tss3S/Save-my-money?node-id=0%3A1

Dashboard

NewExpense

Key Features

  • Save expenses typing the money and where you spent in certain date.
  • Check your expenses per date
    • You can only check one month history

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. Also be sure to have webpack and babel. From your command line:

# Clone this repository
$ git clone https://github.com/cexperto/saveMyMoney

# Go into the repository
$ cd saveMyMoney

# Install dependencies
$ npm install

# Run the app
$ npm start

Next Steps

We are going to implement a Login and Create account sections for better user experience. Also we are going to review the responsive design to be sure all the devices have an excellent view.

Credits

This application was developed by:

Andres Ayala - Backend developer Ithzamary Vilchis - Frontend developer

License

MIT