This is a capstone project for the Microverse Rails module, it is based on an app for grouping transactions by goal with your family/friends.
This is the Relationship Diagram for this project. The user also has an icon but not selectable by the user, it's randomly selected, that's why it wasn't added to the diagram.
-
- Home screen
-
- Basic login: You can log into the app or signup with just a user name. (Icon automatically assigned)
-
- Profile view with links to groups and created transactions.
-
- View all your grouped transactions.
-
- View all your ungrouped transactions.
-
- View all the groups made in the app.
-
- View details for each transaction. (Can access them from grouped and ungrouped transaction views as well as from the group info view)
-
- Make a new transaction, with ot without belonging to a group.
-
- View details for each group, which include the transactions owned by that group. (Can access from the all groups view)
-
- Make a new group.
App | Screenshots |
---|---|
1 | 2 |
3 | 4 |
5 | 6 |
7 | 8 |
9 | 10 |
From all the views you can go back to the User Profile view with the burguer icon on the navbar's left-hand side. |
You can either clone the repo and play with it on your machine, or access the direct link at the bottom of this document. To clone the repo:
-
Cloning the repo:
$ git clone https://github.com/Davidosky007/DB_Group_Our_Transactions.git
-
cd into the new folder:
$ cd DB_Group_Our_Transactions
-
Checkout to the correct branch (for this review version_1):
$ git checkout version_1
-
bundle the necessary gems
$ bundle
-
yarn the necessary packages
$ yarn install --check-files
-
migrate and seed
$ rails db:migrate db:seed
-
launch the developer server
$ rails s
-
Loggin with this credentials
User: David //or by signing up
rpsec --format documentation
- Ruby
- Ruby on Rails
- Bootstrap
- Faker
- General requirements by Microverse.
- Design idea by Gregoire Vella on Behance.
- Design idea info.
- Group Icons thanks to flaticon.com and each individual designer.
Author | Social Media |
---|---|
👤 | - Github: @Davidosky007 |
David Bassey | - Twitter: @Davidosky2 |
. | - Linkedin: David Bassey |