This device is not compatible.
PROJECT
Build an E-learning Website with Ruby-on-Rails and PostgreSQL
In this project, we’ll build an e-learning course catalog website that includes search functionality. We'll develop the web application using the Ruby-on-Rails framework. We'll also use PostgreSQL as the database. In the end, we'll have a fully functional e-learning website built on the ROR.
You will learn to:
Understand the fundamentals of Ruby on Rails
Explore the basics of the Model-view-controller (MVC) architecture
Create and use Rails migrations
Configure routes, models, views, and controllers
Write dynamic HTML with Bootstrap
Bind PostgreSQL with the Rails application
Skills
Web Frameworks
Ruby Gem's Management
Database
Web Development using RoR
Prerequisites
Basic understanding of Ruby
Basic understanding of Rails framework
Basic understanding of PostgreSQL
Basic understanding of MVC patterns
Technologies
Ruby
PostgreSQL
Ruby On Rails
Project Description
In this Ruby-on-Rails (ROR) project, we’ll develop an e-learning course catalog website. We’ll be asked to display the list of all the courses on the website. Each course will have the following:
- A title
- An image
- An author name
- A status indicating whether it is paid or free
- A description
- A “Visit Website” button.
The website will also allow users to search the available courses with a search bar.
The figure below shows a preview of the final layout of the website:
We’ll build this project step-by-step. Initially, we’ll have to implement the course catalog. For that, the data needs to be fetched from seeds into the PostgreSQL database and then load it into active records.
Once the layout is designed, we’ll add search functionality to your web application. When a user searches a name of a course, our application will search the keyword from all the course names and render all the relevant courses.
Project Tasks
1
Create Course Listings
Task 0: Initial Setup
Task 1: Create the Course Model
Task 2: Load the Data
Task 3: Generate Controllers and Views
Task 4: Fetch All Courses
Task 5: Create Courses Views
Task 6: Add the Courses Page to Root
2
Create a Search Bar
Task 7: Add a Search Bar
Task 8: Add Routes for Search Results
Task 9: Add the Search Controller
Task 10: Render the Search Results
Congratulations!
Relevant Courses
Use the following content to review prerequisites or explore specific concepts in detail.