Build
Learn how to create RoR webapp
  • 7 hours total video
  • 14 completed modules
  • Full source code

Build online course website like Code4Startup with Ruby on Rails

 

What you will learn

Quickly create a web app with Ruby on Rails
Working with popular 3rd party gems
Working with the MVC model
Understanding database structure and handling changes
Working with HTML, CSS on the front-end side of a Rails app
Use Material Design styles in a Rails app
Working with Environment variables
Authenticate users with different social accounts
Create an Admin Dashboard for a web app

Description

In this project, I will walk you through the steps to develop Code4Startup with full functionalities from scratch based on my own experience. You don't need to learn everything about HTML, CSS, Javascript or Ruby on Rails to just create a web app.

In my methodology which I called POA (Product-Oriented-Approach), you just need to learn what you need. Doing this way won't make you a superstar developer but will get you something REAL quickly and efficiently, especially for Entrepreneurs & Founders.


Who this is for:
  • Beginners
  • Promotion seekers
  • Entrepreneurs & Founders


What features will we build in this project?
  • Code Collaboration
  • Payment System with Stripe
  • Social Login with Facebook, Github, Google+
  • Transactional Emails
  • Admin Dashboard
  • Course creating/editing function
  • Material Design UI
  • Images Upload
  • Drag & Drop AJAX
  • Notifications
  • SEO & Open Graph
  • Comment system
  • Real-time Chat

Previews

 

Creating layout in Material Design styles

 

Working with Gravatar and Notification

 

Transactional emails with Mandrill (OLD)

Course Content

Module 1 - Starter

What are we going to build for the Code4Startup clone? 1:58

Setting up & Installation 5:50

Module 2 - Creating a basic project

About task 2 0:49

Creating a new project with MaterializedCss installed 8:26

Creating layout in Material Design styles 15:08

Module 3 - Creating authentication system

About task 3 1:32

Creating basic authentication system 14:22

Adding custom field to User object 16:00

Working with Gravatar and Notification 16:09

Transactional emails with Mandrill (OLD) 17:37

Module 4 - Authenticate with Social network accounts

About task 4 0:43

What is Gemini? 1:58

Initialize Python project 1:19

Text chatbot 7:34

Source code xxx

Authenticate with Google 24:46

Getting API Key 2:04

Generate text 3:16

Photo chatbot 12:17

Authenticate with Facebook 12:00

Interact with image 6:39

Audio chatbot 4:59

Authenticate with Github 9:34

Chatbot 4:31

Module 5 - Creating Administration (back-end) system

About task 5 0:32

Creating our basic Dashboard 4:13

New theme to our Dashboard 3:20

Module 6 - Working with Project & Task

About task 6 0:57

Associations between Project & Task 4:24

Models for Project & Task 10:37

Function to upload image 8:47

Controllers, Views for Project & Task 14:12

Module 7 - Working with Markdown & SEO URL

About task 7 0:54

Creating Markdown function 7:18

Creating friendly URLs 6:30

Module 8 - Refactoring Task page

About task 8 0:29

Drag and Drop in Dashboard 15:40

Wistia player and functioning buttons 16:36

Module 9 - Working with association between Projects and Users

About task 9 0:45

Understanding has_many :through association 4:49

Creating Subscription 7:56

Updating Project Controller 12:59

Updating Task Controller 7:40

Creating My Projects page 13:03

Module 10 - Creating Review

About task 10 1:03

Creating Review 20:49

Adding Stars selection 8:49

Adding relative time stamp 6:51

Module 11 - Refactoring

About task 11 0:36

Adding Tabs 10:13

Changing Datatype in Rails 7:24

Module 12 - Working with Stripe

About task 12 0:47

Creating chargeable courses with Stripe 18:31

Emailing Receipt 11:51

Module 13 - Environment Variables

Setting Environment Variables 3:29

Private data with environment variables 9:21

Module 14 - Social Media

Adding dynamic Open Graph 8:12

Adding Social sharing bar 4:42

Adding Discussion component 6:01

Adding Google Analytics 1:56

Adding Real-time chat component 5:30