Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/metsanpeitto/ror_budget_app


https://github.com/metsanpeitto/ror_budget_app

Last synced: 2 days ago
JSON representation

Awesome Lists containing this project

README

        

# ror_budget_app

![Microverse](https://img.shields.io/badge/Microverse-blueviolet)

The Budget app keeps track is a mobile web application where you can manage your budget: you have a list of transactions associated with a category, so that you can see how much money you spent and on what.

Features:
- Register and log in, so that the data is private to them.
- Introduce new transactions associated with a category.
- See the money spent on each category.

### Video introduction

![video] (https://drive.google.com/file/d/1Ju8bL0QMtSG0qKpDTbWxa3Jkqyn0-tOR/view?usp=sharing)

### Live demo

Please remember that the app is designed for mobile. So in the google chrome,
press ctrl + shift + i and it will display the developer console.
On the top left corner find the icon of the mobile and tablet called toggle
device toolbar and press it to make the screen emulate a mobile phone and experience the
app in its original format.

[Demo](https://mysterious-brushlands-85611.herokuapp.com/)

### Scrennshots

[Before Index](./screenshots/screen1.png)

The Budget app keeps track is a mobile web application where you can manage your budget: you have a list of transactions associated with a category, so that you can see how much money you spent and on what.

Features:
- Register and log in, so that the data is private to them.
- Introduce new transactions associated with a category.
- See the money spent on each category.

![Before Index](./screenshots/signup.png)

![Before Index](./screenshots/spenses.png)

![Before Index](./screenshots/budgets.png)

![Before Index](./screenshots/new_budget.png)

[Recipe App Requirements](https://github.com/microverseinc/curriculum-rails/blob/main/recipe-app/buisness_requirements.md)

### Design

This design is based in the original work of [Gregory Vella](https://www.behance.net/gregoirevella)

=======

## Built With

- Ruby on Rails
- Rubocop

=======

### Prerequisites

To run this project you must to have ruby installed in your machine. If you don't have it
follow the instructions [here](https://www.ruby-lang.org/en/documentation/installation/)

## Getting Started

If you want a copy of this file go to the github repository and download it from there

- [`git clone https://github.com/Metsanpeitto/ror_budget_app`](https://github.com/Metsanpeitto/ror_budget_app)

### Setup

```cmd
$ git clone https://github.com/Metsanpeitto/ror_budget_app.git
$ cd ./ror_budget_app
```

### Install gems

```cmd
$ bundle install
```

### Apply migration (only if you generate a new migration file)

```cmd
$ rails db:migrate
```

### Run app

```cmd
$ rails s
```

### Run tests

```cmd
$ rspec spec/
```

### Verify rubocop

```
$ rubocop -A
```

### Install style lint

```
$ npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```

### Run stylelint autofix

```
$ npx stylelint "**/*.{css,scss}" --fix
```

### Instruction for non technical persons

If you are non a technical person you can download the zip file.

- To do that you have to go to the green button that says 'Code' and then press on it.
- Choose the option 'Download Zip' and wait until it download.
- Then you need to decompress it.
- You will need to have Zip compress file software installed in your computer. If you don't have it you can download it from here
[`https://www.7-zip.org/download.html`](https://www.7-zip.org/download.html)
- Do double click on the Capstone-1.zip and choose a folder where to place all teh decompressed files.
- Once you are done decompressing, you can open the created folder.
- In it you can double click on the index.html file and choose a browser to open it (For example google Chrome Browser).
- Now you should be able to see the project.
- Remember to use the mouse to navigate through the website. Also you can use the keys 'arrow up' and 'arrow down' of your keyboard
to scroll up and down.

=======

## Author

👤 **Abraham Rodriguez**

- GitHub: [@metsanpeitto](https://github.com/Metsanpeitto)
- Twitter: [@metsanpeitto](https://twitter.com/home)
- LinkedIn: [Abraham Rodriguez](https://www.linkedin.com/in/abraham-rodriguez-3283a319a/)
- Portfolio: [Waldenberg](https://portfolio.waldenberginc.com)

=======

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

=======

## Show your support

Give a ⭐️ if you like this project!

=======

## Acknowledgments

- Microverse for giving me this chance
- The amazing code reviewers for making me improve every day :thumbsup:

=======

[![License: CC BY-NC 4.0](https://licensebuttons.net/l/by-nc/4.0/80x15.png)](https://creativecommons.org/licenses/by-nc/4.0/)
[![License: CC0-1.0](https://licensebuttons.net/l/zero/1.0/80x15.png)](http://creativecommons.org/publicdomain/zero/1.0/)