DEV Community

Brittany
Brittany

Posted on

1 1

Day 93 : #100DaysofCode - Learning About Rails Backend

Today was a hard day, I found out some heartbreaking stuff and I am really saddened by it, but they say he gives his toughest tasks to his strongest soldiers. I have to keep going.

I struggled with coding and felt overwhelmed by Javascript today, but luckily I have amazing friends who reminded me that I can do anything. So, I still attempted to create an app with a ruby on rails backend while watching a code along.

Below is the repo, I wrote the steps I took in the README.md.

README

#Step By Step Build

#Setting Up The Rails API

  1. Create a folder mkdir todo-js-ruby
  2. cd into mkdir todo-js-ruby
  3. Create a new rails app -- ``rails new -api --database-postgresql
  4. cd into the new-app-name

#Gemfile

  1. Uncomment out gem 'rack-cors'
  2. Run bundle
  3. Go to your config/initializers/cors.rb file.

Uncomment/add the following code:

Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'

    resource '*',
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

#Create a controller:

  1. rails g controller notes
  2. Create a version folder. app/controllers/api/v1
  3. Add controller into version folder --> app/controllers/api/v1/notes_controller.rb
  4. Namespace the controller:
class Api::V1::NotesController < ApplicationController
end
  1. Add data into your controller -- rememeber to render json
class Api::V1::NotesController < ApplicationController
    def index
        @notes = Note.all
        render json: @notes, status: 200
    end
    def show 
        @note = Note.find(params[:id])
        render json: @note, status: 200
    end 

    def create
        @note = Note.create(note_params)
        render json: @note, status: 200
    end 

    def update
        @note = Note.find(params[:id])

I did not get to finish the code along but I did learn a lot. Feel free to use the step by step guide I provided in the readme.

Thanks for reading!

Sincerely,
Brittany

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay