Giter Club home page Giter Club logo

apartment-app-rethora's Introduction

Installation Process

Adding RSpec $ bundle add rspec-rails $ rails generate rspec:install

Adding React $ bundle add webpacker $ bundle add react-rails $ rails webpacker:install $ rails webpacker:install:react $ yarn add @babel/preset-react $ yarn add @rails/activestorage $ yarn add @rails/ujs $ rails generate react:install $ rails generate react:component App

Adding Devise $ bundle add devise $ rails generate devise:install $ rails generate devise User $ rails db:migrate

config/environments/development.rb: config.action_mailer.default_url_options = { host: 'localhost', port: 3000 }

config/initializers/devise.rb:

Find this line

config.sign_out_via = :delete

And replace it with this

config.sign_out_via = :get

$ rails generate controller Home Add a file in app/views/home called index.html.erb Add the following: app/views/home/index.html.erb

<%= react_component 'App', { logged_in: user_signed_in?, current_user: current_user, new_user_route: new_user_registration_path, sign_in_route: new_user_session_path, sign_out_route: destroy_user_session_path } %>

Add the following: app/views/layouts/application.html.erb

// Find this line: <%= javascript_importmap_tags %>

// And replace it with this: <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

Add the following: config/routes.rb

get '*path', to: 'home#index', constraints: ->(request){ request.format.html? } root 'home#index'

React Routing $ yarn add [email protected]

Adding Reactstrap $ bundle add bootstrap $ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss $ yarn add reactstrap

app/assets/stylesheets/application.scss: @import 'bootstrap';

Apartment Resource $ rails g resource Apartment street:string city:string state:string manager:string email:string price:string bedrooms:integer bathrooms:integer pets:string image:text user_id:integer $ rails db:migrate

app/models/apartment.rb: class Apartment < ApplicationRecord belongs_to :user end

app/models/user.rb: class User < ApplicationRecord

Include default devise modules. Others available are

:confirmable, :lockable, :timeoutable, :trackable and :omniauthable

devise :database_authenticatable, :registerable, :recoverable, :rememberable, :validatable has_many :apartments end

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.