Build a Cryptocurrency News Site With Ruby on Rails

Download node, install Ruby on Rails, set up a text editor and a terminal such as Git Bash, and use the Heroku toolbar to push code for hosting.

uninstall any existing node.js to ensure the latest lts version, then download and install from nodejs.org, and restart your computer before we get started.

Generate an ssh key in the Git Bash terminal by creating a hidden .ssh directory, running ssh-keygen, and saving the key there for secure pushes to GitHub and Heroku.

Create a test Ruby on Rails project to verify installation, install bundler, resolve gem dependencies via the Gemfile, and troubleshoot installation errors (such as sequel light) with Google guidance.

Explore the Rails file structure from the gem file to the app folder, and understand how controllers, views, models, and routes work together.

learn to manually create a second webpage in rails by adding a home prices action, a prices view, and a route, then set the root to the hello world page.

Learn how application.html.erb defines the site-wide layout in Rails, with the yield tag injecting page content and shared nav bars and footers, before styling with bootstrap via the gem.

Add a top navigation bar to a Rails app by creating a _nav_bar partial and rendering it in the application layout, with bootstrap styling.

Explore using the crypto compare API to pull crypto news with image and full article links, plus price data endpoints in USD, EUR, and JPY, with free access.

Fetch crypto news from the API, parse the JSON response, and display the results on the Rails index page.

Format the API output with bootstrap cards featuring image, title, description, and read more button, then render dynamic news stories with Ruby-driven loops that auto update as new data arrives.

Pull price data from the crypto compare service to show current prices in a display format, handle multiple symbols, and plan a flexible loop to work with unknown keys.

Loop through crypto data with Ruby's each, access key–value pairs, and display current price, 24-hour high/low, market cap, and daily volume for top coins.

Create a Bootstrap table to display cryptocurrency price data, with columns for name, price, 24-hour high, 24-hour low, and market cap, using a striped and bordered table with hover.

Convert the navigation bar form to a Rails form_tag targeting home prices path, add a text_field_tag for the symbol with a placeholder, and plan route and controller setup for lookup.

Create a post route to the home/prices action, wire the form to the controller, and convert input to uppercase before sending it to the API for lookup.

Wraps up the course and promotes code tv lifetime membership. Save $200 for three days to access 60+ courses, PDFs, and completion certificates for a $49 fee with coupon Udemy.