Build online course website like Code4Startup with Ruby on Rails
What You'll 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
Course Details
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.
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
Preview Lessons
Creating layout in Material Design styles
Working with Gravatar and Notification
Transactional emails with Mandrill (OLD)
Course Curriculum
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