MVC architecture in Rails - Mini Project: Build & Apply

MVC Architecture in Rails

📖 Scenario: You are building a simple blog application where users can see a list of posts. You will create the basic parts of the MVC (Model-View-Controller) architecture in Rails to display posts.

🎯 Goal: Build a Rails MVC structure with a Post model, a PostsController controller, and a view that shows all posts' titles.

📋 What You'll Learn

Create a Post model with a title attribute

Add a controller called PostsController with an index action

Set up a route for posts#index

Create a view to display all post titles

💡 Why This Matters

🌍 Real World

Most Rails web apps use MVC to organize code cleanly. This project shows how data flows from database to user screen.

💼 Career

Understanding MVC in Rails is essential for backend and full-stack developer roles working with Ruby on Rails.

1

Create the Post model with a title attribute

Generate a Rails model called Post with a string attribute title using the Rails generator command.

Ruby on Rails

# Your code here

Need a hint?

Use the Rails generator command to create a model with a string attribute.

2

Add the PostsController with an index action

Create a controller called PostsController with an index action that fetches all posts and stores them in @posts.

Ruby on Rails

class PostsController < ApplicationController
  # Your code here
end

Need a hint?

Define the index method inside PostsController and assign Post.all to @posts.

3

Set up the route for posts#index

Add a route in config/routes.rb that maps GET /posts to the index action of PostsController using resources :posts, only: [:index].

Ruby on Rails

Rails.application.routes.draw do
  # Your code here
end

Need a hint?

Use the resources method with only: [:index] to create the route.

4

Create the view to display all post titles

Create a view file app/views/posts/index.html.erb that loops over @posts and displays each post's title inside an <li> element within an unordered list.

Ruby on Rails

Need a hint?

Use ERB tags to loop through @posts and display each post.title inside <li>.