Giter Club home page Giter Club logo

budget-app-capstone's Introduction

Recipe App

Rails Postgres Bootstrap

License: MIT rails version ruby version

Preview

screenshot


Table of Contents


Description

Web application where users can create categories with their respective transactions, and see the total amount of each category. Must registrate before accessing the content.


Built With

  • Major languages: Ruby, HTML, Bootstrap 5.
  • Frameworks: Ruby on Rails.
  • Tools & Methods: RSpec, Capybara, PostgreSQL, Devise, CanCanCan.

Live Demo

Check this Live Demo of the page.

Getting Started

We'll need to prepare your computer to handle Ruby on Rails, which might be a hassle, so take a deep breath and cope with me :)

If you have Rails 7 installed, you can skip to the Setup section

Clone Repo

First clone this repo by running this command in your terminal:

git clone https://github.com/fherrerao/budget-app-capstone.git
# wait a couple seconds for it to download
# ...
# ...
# then move into the new directory
cd budget-app-capstone

Prerequisites

The following technologies must be installed before hand in your local machine:

  • Ruby (ruby --version). Should be 3.0.1 or newer.
  • Postgresql (postgres --version)
  • Node.js (node --version)
  • Yarn (yarn --version)

The commands in parenthesis () can be used to verify if they are installed and their corresponding versions.

Refer to Section 3 from the official Rails Guide for more detailed instructions on how to install these technologies.

Install Rails

Once that's done, we can install Rails. For that, run these commands in your terminal:

gem install rails
# wait a few seconds for it to download
# ...
# ...
# verify that it was installed by running
rails --version

Setup

We're getting there... trust me ;)

System Dependencies

Execute this command to automatically install all the dependencies needed to view and work on this project:

bundle install

The full list of dependencies can be found within the Gemfile.

This also installs PostgreSQL, which you'll need for the next step.


Database Initialization

To initialize the database we just created, now run:

rails db:setup

Usage

If you got to this point, congratulations! You now have spent 2 hours in order to toy with my app. I appreciate your effort :P

Start Server

The following command should start a server

rails server

Which you can visit by going to http://localhost:3000 in your browser.


Testing RSpec

RSpec tests belong in another folder, which is /spec, all thanks to the ruby magic called naming conventions. Anyway, to run tests located in the spec folder run:

bundle exec rspec spec

How To Contribute?

Always remember to commit your contributions on a different branch. You can create a new one by running git checkout -b <branchname>.

Visit linters folder to learn how to setup linters.

Then check linters locally before pushing by running:

npx stylelint "**/*.{css,scss}"
# ...
# ...
rubocop --color -A

Finally, once your changes have no linter errors and all tests are passing, try to merge your branch into development by running:

git checkout development
git merge <branchname>

Continue by solving any merge conflicts that may arise, test the functionality of the app once more, and you're changes are ready to be pushed with git push origin <branchname>


That's all folks!

Collaborators


๐Ÿ‘ค Fernando Herrera

Platform Badge
GitHub @fherrerao
Twitter Fernando Herrera
LinkedIn Fernando Herrera

Show your support

Give a โญ๏ธ if you like this project!


Acknowledgments


๐Ÿ“ License

This project is MIT licensed.

budget-app-capstone's People

Contributors

fherrerao avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

algerina

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.