Project specifications

Capstone projects are solo projects at the end of the each of the Microverse Main Technical Curriculum sections. Building this project is very important for you because:

The project you are going to build for the Ruby on Rails capstone is based on an app for grouping payments by goal with your family/friends. You should follow the given design of the website, but you must personalize the content, i.e., - it can be for grouping hours spent on different projects at your university or for grouping kilometers by means of transportations in your family - anything that you can share with other people and group by some category.

User profile page

User profile page

Transactions list page

Transactions list page

Whatever the theme you may choose, you should follow a user journey to build the following MVP version of the app:

  1. The user logs in to the app, only by typing the username (a proper authenticated login is not a requirement).
  2. The user is presented with a profile page (see the User profile page screenshot above) that includes links to:
    1. "All my transactions".
    2. "All my external transactions".
    3. "All groups".
  3. When user opens "All my transactions" page (see the Transactions list page screenshot above):
    1. Total amount is displayed at the top (in place of "Gift credit" at the design).
    2. A list of all transactions created by logged-in user is displayed (sorted by most recent).
    3. Each transaction displays its name, amount and date, and an icon of the first group it has been assigned to.
    4. An action button "Add new" is displayed.
  4. When user opens "All my external transactions" page (see the Transactions list page screenshot above):
    1. A list of all transactions that are created by a logged-in user but not assigned to any group (sorted by most recent).
    2. The design of the page is similar to the "All my transactions".
  5. When user opens "All groups" page:
    1. A list of all groups is displayed (example ideas for names: "Kitchen renovation", "Books, music & culture", "Car maintenance") in alphabetical order.
    2. Each group displays its icon, name and creation date.
    3. Each group is clickable and opens "Group transactions" page.
    4. An action button "Create new" is displayed.
    5. The design of the page is similar to the "User profile page"
  6. When user opens the "Group transactions" page:
    1. A list of all transactions that belong to that group is displayed.
    2. The design of the page is similar to the "All my transactions". Besides the information that appears in All my transactions page, each transaction displays the name of the author of the transaction.
  7. When user opens "Create new group" or "Add new transaction" page:
    1. A form with all necessary fields is displayed.
    2. It's not in the given design, but you should make an effort to follow the same style of the other pages.
  8. At the end extend your MVP app with one simple feature of your choice.