Rails vs Django vs Express comparison - Hands-On Comparison

Build a Simple Web App with Rails, Django, and Express

📖 Scenario: You want to create a simple web app that shows a list of books with their titles and authors. You will build this app using three popular web frameworks: Rails (Ruby), Django (Python), and Express (JavaScript). This will help you understand how each framework handles data setup, configuration, core logic, and final output.

🎯 Goal: Build a simple web app that displays a list of books with their titles and authors using Rails, Django, and Express. Learn the differences in how these frameworks structure data, configure settings, handle core logic, and render output.

📋 What You'll Learn

Create a data structure to hold book information

Add a configuration variable for minimum author name length

Filter books based on the author name length

Render the filtered list of books in the web app

💡 Why This Matters

🌍 Real World

Web developers often need to choose between frameworks like Rails, Django, and Express. Building the same app in each helps understand their differences and strengths.

💼 Career

Knowing how to set up data, configure variables, apply core logic, and render output in popular frameworks is essential for backend and full-stack developer roles.

1

DATA SETUP: Create a list of books

In your Rails controller, create a variable called @books that holds an array of hashes. Each hash should have the keys :title and :author with these exact entries: { title: 'The Hobbit', author: 'J.R.R. Tolkien' }, { title: '1984', author: 'George Orwell' }, and { title: 'To Kill a Mockingbird', author: 'Harper Lee' }.

Ruby on Rails

# Your code here

Hint

Use an instance variable @books and assign it an array of hashes with the exact book details.

2

CONFIGURATION: Set minimum author name length

Add a variable called min_author_length and set it to 10 in your Rails controller. This will be used to filter authors with names longer than 10 characters.

Ruby on Rails

@books = [
  { title: 'The Hobbit', author: 'J.R.R. Tolkien' },
  { title: '1984', author: 'George Orwell' },
  { title: 'To Kill a Mockingbird', author: 'Harper Lee' }
]
# Your code here

Hint

Just create a variable min_author_length and assign it the number 10.

3

CORE LOGIC: Filter books by author name length

Create a variable called @filtered_books that holds only the books from @books where the author's name length is greater than min_author_length. Use the select method with a block that checks book[:author].length > min_author_length.

Ruby on Rails

@books = [
  { title: 'The Hobbit', author: 'J.R.R. Tolkien' },
  { title: '1984', author: 'George Orwell' },
  { title: 'To Kill a Mockingbird', author: 'Harper Lee' }
]
min_author_length = 10
# Your code here

Hint

Use select on @books and check if book[:author].length is greater than min_author_length.

4

COMPLETION: Render filtered books in the view

In your Rails view file, use an each loop to go through @filtered_books. For each book, display the title inside an <h2> tag and the author inside a <p> tag.

Ruby on Rails

@books = [
  { title: 'The Hobbit', author: 'J.R.R. Tolkien' },
  { title: '1984', author: 'George Orwell' },
  { title: 'To Kill a Mockingbird', author: 'Harper Lee' }
]
min_author_length = 10
@filtered_books = @books.select { |book| book[:author].length > min_author_length }

Hint

Use ERB tags to loop through @filtered_books and display the title and author inside HTML tags.

Practice

1. Which framework uses Ruby as its programming language?

easy

A. Rails

B. Django

C. Express

D. Flask

Solution

1. Step 1: Identify the language each framework uses

   Rails is built with Ruby, Django uses Python, Express uses JavaScript, and Flask also uses Python.

2. Step 2: Match the framework to Ruby

   Only Rails is associated with Ruby.

3. Final Answer:

   Rails -> Option A

4. Quick Check:

   Ruby framework = Rails [OK]

Hint: Remember Rails = Ruby, Django = Python, Express = JavaScript [OK]

Common Mistakes:

• Confusing Django as Ruby framework
• Thinking Express uses Ruby
• Mixing Flask with Rails

2. Which of the following is the correct way to start an Express server in JavaScript?

easy

A. app.listen(3000, () => console.log('Server running'))

B. rails server start 3000

C. django-admin runserver 3000

D. start express on port 3000

Solution

1. Step 1: Recall Express server start syntax

   Express servers start with app.listen(port, callback).

2. Step 2: Identify the correct JavaScript syntax

   app.listen(3000, () => console.log('Server running')) uses app.listen with a port and a callback function, which is correct.

3. Final Answer:

   app.listen(3000, () => console.log('Server running')) -> Option A

4. Quick Check:

   Express server start = app.listen(...) [OK]

Hint: Express servers start with app.listen(port, callback) [OK]

Common Mistakes:

• Using Rails or Django commands for Express
• Incorrect method names like 'start express'
• Missing callback function in app.listen

3. Given the following code snippets, which framework provides the most built-in features for database migrations and admin interface?

medium

A. Express requires separate packages for migrations and admin.

B. Rails includes built-in migrations and admin tools.

C. Django lacks built-in migration support.

D. Express has built-in admin but no migrations.

Solution

1. Step 1: Understand built-in features of each framework

   Rails and Django both provide built-in database migrations and admin interfaces, while Express is minimal and needs extra packages.

2. Step 2: Identify which framework offers the most built-in tools

   Rails is known for its strong built-in migrations and admin tools, making "Rails includes built-in migrations and admin tools" the correct statement.

3. Final Answer:

   Rails includes built-in migrations and admin tools. -> Option B

4. Quick Check:

   Built-in migrations/admin = Rails [OK]

Hint: Rails and Django have built-in tools; Express needs extras [OK]

Common Mistakes:

• Thinking Express has built-in admin
• Believing Django lacks migrations
• Confusing Express features with Rails

4. You wrote this Express code but the server does not start. What is the likely error?

const express = require('express')
const app = express()
app.get('/', (req, res) => res.send('Hello'))
// Missing line here

medium

A. Missing res.end() after res.send()

B. Incorrect require statement for express

C. Missing app.listen(port) to start the server

D. Using arrow function incorrectly

Solution

1. Step 1: Check Express server startup requirements

   Express servers need app.listen(port) to start listening for requests.

2. Step 2: Identify missing code in snippet

   The snippet lacks app.listen, so the server won't start.

3. Final Answer:

   Missing app.listen(port) to start the server -> Option C

4. Quick Check:

   Server start requires app.listen [OK]

Hint: Always add app.listen(port) to start Express server [OK]

Common Mistakes:

• Assuming res.send needs res.end
• Thinking require statement is wrong
• Misunderstanding arrow function usage

5. You want to build a large web app quickly with many built-in features like authentication, admin panel, and ORM. Which framework is best suited and why?

hard

A. Express, because it has built-in admin and authentication

B. Express, because it is minimal and flexible for large apps

C. Django, because it lacks built-in features but is fast

D. Rails, because it provides many built-in tools for rapid development

Solution

1. Step 1: Analyze framework features for large app needs

   Large apps benefit from built-in authentication, admin, and ORM to speed development.

2. Step 2: Compare Rails, Django, and Express

   Rails offers many built-in tools for rapid development, making it ideal for large apps.

3. Final Answer:

   Rails, because it provides many built-in tools for rapid development -> Option D

4. Quick Check:

   Built-in tools + rapid dev = Rails [OK]

Hint: For fast large apps, pick Rails with built-in features [OK]

Common Mistakes:

• Choosing Express for built-in features
• Thinking Django lacks built-in tools
• Confusing minimal with feature-rich