diff --git a/laravel/_syllabus.json b/laravel/_syllabus.json
new file mode 100644
index 0000000..f519d6a
--- /dev/null
+++ b/laravel/_syllabus.json
@@ -0,0 +1,172 @@
+/*Change to production url */
+[
+  {
+    "unit": {
+      "name": "Preface"
+    },
+    "chapters": [
+      {
+        "name": "Choosing laravel",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/choosing-laravel.md"
+      },
+      {
+        "name": "Prerequisites",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/prerequisites.md"
+      },
+      {
+        "name": "Installation",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/installation.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Models, Views, Controllers and Routes"
+    },
+    "chapters": [
+      {
+        "name": "Introduction to MVC",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/introduction-to-mvc.md"
+      },
+      {
+        "name": "Basic Routing and Views",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/basic-routing-and-views.md"
+      },
+      {
+        "name": "Pass Data to Views",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/pass-data-to-views.md"
+      },
+      {
+        "name": "Database Setup",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/database-setup.md"
+      },
+      {
+        "name": "Working with Query Builder",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/working-with-query-builder.md"
+      },
+      {
+        "name": "Eloquent",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/eloquent.md"
+      },
+      {
+        "name": "Controllers",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/controllers.md"
+      },
+      {
+        "name": "Route Model Binding",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/route-model-binding.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Front-End"
+    },
+    "chapters": [
+      {
+        "name": "Layouts and Structures",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/layouts-and-structures.md"
+      },
+      {
+        "name": "Form Requests and CSRF",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/form-requests-and-CSRF.md"
+      },
+      {
+        "name": "Form Validation",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/form-validation.md"
+      },
+      {
+        "name": "Rendering",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/rendering"
+      },
+      {
+        "name": "Laravel Mix",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/laravel-mix.md"
+      },
+      {
+        "name": "Flash Messaging",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/flash-messaging.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Relationships"
+    },
+    "chapters": [
+      {
+        "name": "Eloquent Relationships",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/eloquent-relationships.md"
+      },
+      {
+        "name": "One-to-Many Relationship",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/one-to-many-relationship.md"
+      },
+      {
+        "name": "Pivot Tables",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/pivot-tables.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Authentication"
+    },
+    "chapters": [
+      {
+        "name": "Scaffold Authentication",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/scaffold-authentication.md"
+      },
+      {
+        "name": "Manual Authentication",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/manual-authentication.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "View Composers and Archives"
+    },
+    "chapters": [
+      {
+        "name": "Add Archives",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/add-archives.md"
+      },
+      {
+        "name": "View Composers",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/laravel/view-composers.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Testing & Seeding"
+    },
+    "chapters": [
+      {
+        "name": "Testing",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/testing.md"
+      },
+      {
+        "name": "Seeding",
+        "url": "https://rawgit.com/coderplex/learn/cdn/laravel/seeding.md"
+      }
+    ]
+  }
+]
diff --git a/laravel/add-archives.md b/laravel/add-archives.md
new file mode 100644
index 0000000..a899084
--- /dev/null
+++ b/laravel/add-archives.md
@@ -0,0 +1,9 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Archives | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/20) | [Raw SQL Queries](https://laravel.com/docs/5.4/database#running-queries) | 0.5 hour | Authentication
+Archives | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/20) | [Eloquent Collections](https://laravel.com/docs/5.4/eloquent-collections) | 1 hour | Authentication
+
+### Tasks :
+- Add `Archives` as shown in the video.
diff --git a/laravel/basic-routing-and-views.md b/laravel/basic-routing-and-views.md
new file mode 100644
index 0000000..12c5ff2
--- /dev/null
+++ b/laravel/basic-routing-and-views.md
@@ -0,0 +1,15 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Basic Routing | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/2) | [Documentation](https://laravel.com/docs/5.4/routing#basic-routing) | 1 hour | Introduction to MVC architecture
+Named Routes | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/2) | [Documentation](https://laravel.com/docs/5.4/routing#named-routes) | 0.5 hour | Basic Routing
+Creating Views | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/2) | [Documentation](https://laravel.com/docs/5.4/views#creating-views) | 1 hour | Basic Routing
+
+### Tasks :
+- Create a route `/admin` and redirect to view `admin.blade.php` when that route is hit.
+- Name that route as `admin`
+- Whenever you create a route in the future, name that route.
+- Use [this](https://gist.github.com/pbteja1998/011df2c0209e3b63fd3dce281451d328) sidebar template for `admin.blade.php`
+- Create routes `/users` , `/posts` , `/comments` and link `All Users` , `All Posts` and `All Comments` that are present in sidebar to those routes.
+- When you go to `/users` url or when you click `All Users` tab on the sidebar, you should be redirected to `users/index.blade.php`. Posts and Comments should have similar behaviour.
diff --git a/laravel/choosing-laravel.md b/laravel/choosing-laravel.md
new file mode 100644
index 0000000..6a94e7f
--- /dev/null
+++ b/laravel/choosing-laravel.md
@@ -0,0 +1,12 @@
+### Here are a few reasons.
+
+- **Security**: Its truth that no application is 100% secure and things will depend on how you are using and writing code and its structure. But in comparison to other frameworks Laravel has some good signs of security. Laravel takes care of security with CSRF tokens. These checks on each POST request, so make sure you use them, essentially this protects you from someone changing the nature of the request, i.e. from POST to GET.
+- **Emerging star**: Lots of web development companies are adopting Laravel very quickly due to its dynamic capabilities and they are getting good response. You can see the popularity in [Google trends](https://trends.google.com/trends/explore?q=yii,CodeIgniter,Zend%20Framework,Cakephp,Laravel&hl=en-US). In Google trends you will see the difference clearly as how this Laravel framework is gaining popularity and its growing exponentially.
+- **Template**: One of the best features of the framework is Blade templating engine. It’s so intuitive and working with the typical PHP/HTML so much better and easy. In Laravel, templates are very light weighted from which you can create amazing and decent layouts. You can use different type of widgets of JS and CSS with solid structure. So this also improves your websites load time which helps in websites search engine performance.
+- **Integration**: Easy integration with many popular FrontEnd Javascript frameworks like **VueJS**, **Angular JS** and **React** makes it even more better choice.
+- **Laracast**: Laracasts is the excellent tool for learning Laravel. Here you will get both free and paid video tutorials. And from the information you can learn about Laravel. The contents are all made by experts and experienced instructors who offers clear and concise instructions. So if you want to learn Laravel and want to build your carrier around it then Laracast is worth looking at.
+- **Artisan**: In Laravel, developer needs to interact using a command line that handles the Laravel project environment. Laravel is providing a built-in tool called Artisan, which allows user to perform lengthy programming tasks really quickly which can be easily done by Laravel developers. It is used to create a structured code, and database structure to make it easier to manage the database system.
+- **Ready Made apps**: With the growing popularity of Laravel and increasing demand of customer asking for similar features now there are various readymade apps available which can be used to add on any feature in Laravel website. This actually reduced effort and in that way reduced cost of development.
+- **MVC Support**: This is one of the important reasons which make Laravel the best PHP framework that it supports MVC Architecture. Due to this it helps in improving the performance, better documentation, and has multiple built-in functionalities.
+
+Besides this there are other various key factors available in Laravel like Routing system, Application logic, Better code foundation, Suitable for all type of projects, Different API for caching system and many more.
diff --git a/laravel/controllers.md b/laravel/controllers.md
new file mode 100644
index 0000000..2da3c27
--- /dev/null
+++ b/laravel/controllers.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Basic Controllers | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/8) | [Basic Controllers](https://laravel.com/docs/5.4/controllers#basic-controllers) | 1 hr | Eloquent
+
+### Tasks :
+- Change `web.php` to use `Controllers` instead of inline functions.
diff --git a/laravel/database-setup.md b/laravel/database-setup.md
new file mode 100644
index 0000000..c7bfdd8
--- /dev/null
+++ b/laravel/database-setup.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Database Setup | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/4) | [Documentation](https://laravel.com/docs/5.4/database) | 0.5 hr | none
+
+### Tasks :
+- Setup a database with name `blog` using `mysql` or `sqlite`
diff --git a/laravel/eloquent-relationships.md b/laravel/eloquent-relationships.md
new file mode 100644
index 0000000..c294d78
--- /dev/null
+++ b/laravel/eloquent-relationships.md
@@ -0,0 +1,5 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Eloquent Relationships | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/15) | [Relationships](https://laravel.com/docs/5.4/eloquent-relationships) | 1 hour | Models, Views, Controllers and Routes
diff --git a/laravel/eloquent.md b/laravel/eloquent.md
new file mode 100644
index 0000000..741b9b3
--- /dev/null
+++ b/laravel/eloquent.md
@@ -0,0 +1,9 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Eloquent | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/7) | [Eloquent](https://laravel.com/docs/5.4/eloquent) | 1 hr | Query Builder
+
+### Tasks :
+- Change the code such that you are using Eloquent instead of Query Builder.
+- Get Hands On Practice with Eloquent using Tinker.
diff --git a/laravel/flash-messaging.md b/laravel/flash-messaging.md
new file mode 100644
index 0000000..f0733f4
--- /dev/null
+++ b/laravel/flash-messaging.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Flash Messaging | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/29) | [Flash Message](https://laravel.com/docs/5.4/redirects#redirecting-with-flashed-session-data) | 1 hour | Models, Views, Controllers and Routes
+
+### Tasks :
+- Show a flash message whenever a user signs up or posts or comments on a post.
diff --git a/laravel/form-requests-and-CSRF.md b/laravel/form-requests-and-CSRF.md
new file mode 100644
index 0000000..cdf91a9
--- /dev/null
+++ b/laravel/form-requests-and-CSRF.md
@@ -0,0 +1,10 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Form Requests and CSRF | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/11) | [CSRF Protection](https://laravel.com/docs/5.4/csrf)| 0.5 hour | Layouts and Structures
+Form Requests and CSRF | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/11) | [Requests](https://laravel.com/docs/5.4/requests)| 0.5 hour | Layouts and Structures
+Form Requests and CSRF | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/11) | [Inserting and Updating Models](https://laravel.com/docs/5.4/eloquent#inserting-and-updating-models) | 0.5 hour | Layouts and Structures
+
+### Tasks :
+- Create forms to add a `post` and a `comment` to the database.
diff --git a/laravel/form-validation.md b/laravel/form-validation.md
new file mode 100644
index 0000000..df1a661
--- /dev/null
+++ b/laravel/form-validation.md
@@ -0,0 +1,9 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Form Validation | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/12) | [Validation](https://laravel.com/docs/5.4/validation) | 0.5 hour | Form Request Data and CSRF
+
+### Tasks :
+- Add both client side and server side validations and show appropriate errors when validation fails.
+- Create a partial `partials/errors.blade.php` so that it can be reused in all types of forms.
diff --git a/laravel/installation.md b/laravel/installation.md
new file mode 100644
index 0000000..9c946d8
--- /dev/null
+++ b/laravel/installation.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Installation of Laravel in Debian based systems | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/1) | [Installation](https://gist.github.com/pbteja1998/a735fad5d843a952c937f7b3ba8f058e) | 1 hour | none
+
+### Tasks :
+- Create a fresh laravel project called blog and view the welcome page.
diff --git a/laravel/introduction-to-mvc.md b/laravel/introduction-to-mvc.md
new file mode 100644
index 0000000..ead1e69
--- /dev/null
+++ b/laravel/introduction-to-mvc.md
@@ -0,0 +1,5 @@
+### Resources
+
+Courses | Duration | Effort | Prerequisites
+:-- | :--: | :--: | :--:
+[Introduction to MVC Architecture](https://r.je/mvc-in-php.html) ([alt](https://www.sitepoint.com/the-mvc-pattern-and-php-1/)) | 1 week | 4-7 hours/week | PHP
diff --git a/laravel/laravel-mix.md b/laravel/laravel-mix.md
new file mode 100644
index 0000000..9f385a3
--- /dev/null
+++ b/laravel/laravel-mix.md
@@ -0,0 +1,14 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Laravel Mix | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/14) | [Laravel Mix](https://laravel.com/docs/5.4/mix) | 1.5 hour | Rendering
+
+### Tasks :
+- Install NodeJs and npm in Debian based linux distributions, run
+```sh
+$ sudo apt-get update
+$ sudo apt-get install nodejs
+$ sudo apt-get install npm
+```
+- Move your css and js files to assets directory and compile them using Laravel Mix.
diff --git a/laravel/layouts-and-structures.md b/laravel/layouts-and-structures.md
new file mode 100644
index 0000000..b8409bc
--- /dev/null
+++ b/laravel/layouts-and-structures.md
@@ -0,0 +1,15 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Layouts and Structures | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/10) | [Layouts](https://laravel.com/docs/5.4/blade#template-inheritance) | 1 hour | Models, Views, Controllers and Routes
+
+### Tasks :
+- Add two folders `partials` and `layouts` in `resources/views` directory.
+- Create a layout file `layouts/master.blade.php` in `layouts` folder and include all markup required like stylesheets, scripts, etc in that file and extend this layout file .
+- Create the folllowing partials and include these partials in `admin` template.
+    - `partials/sidebar.blade.php`
+    - `partials/header.blade.php`
+    - `partials/footer.blade.php`
+- Grab the markup of those header and footer from some [bootstrap](https://getbootstrap.com/examples/blog/) template.  
+- You can add any other layouts or partials as per your requirement.
diff --git a/laravel/manual-authentication.md b/laravel/manual-authentication.md
new file mode 100644
index 0000000..1b9fb2e
--- /dev/null
+++ b/laravel/manual-authentication.md
@@ -0,0 +1,12 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Manual Authentication - 1 | [Manual Authentication - 1](https://laracasts.com/series/laravel-from-scratch-2017/episodes/18)| [Manual Authentication](https://laravel.com/docs/5.4/authentication#authenticating-users)| 1 hour | Database Setup
+Manual Authentication - 2| [Manual Authentication - 2](https://laracasts.com/series/laravel-from-scratch-2017/episodes/19) | [Manual Authentication](https://laravel.com/docs/5.4/authentication#authenticating-users) | 1 hour | Database Setup
+Manual Authentication - 2 | [Manual Authentication - 2](https://laracasts.com/series/laravel-from-scratch-2017/episodes/19) | [Named Routes](https://laravel.com/docs/5.4/routing#named-routes)| 0.5 hours | Database Setup
+Manual Authentication - 2 | [Manual Authentication - 2](https://laracasts.com/series/laravel-from-scratch-2017/episodes/19) | [Dependency Injection](https://laravel.com/docs/5.4/controllers#dependency-injection-and-controllers) | 1 hours | Database Setup
+
+### Tasks :
+- Setup `Custom Authentication`.
+- Add relationships between `users and posts` as well as `users and comments`. Add all necessary views and Controller methods.
diff --git a/laravel/one-to-many-relationship.md b/laravel/one-to-many-relationship.md
new file mode 100644
index 0000000..3dca112
--- /dev/null
+++ b/laravel/one-to-many-relationship.md
@@ -0,0 +1,11 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+One-to-Many Relationship | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/16) | [Form Method Spoofing](https://laravel.com/docs/5.4/routing#form-method-spoofing) | 1 hour | Eloquent Relationships
+
+### Tasks :
+- Add a relationship between posts and comments table. (you have to add `post_id` field in the `comments` table )
+- Create partials to add a comment and to show comments of a post.
+- Include those partials in the `All Posts` page and `Show Post` page.
+- Add `Edit Post` and `Edit Comment` functionalities.
diff --git a/laravel/pass-data-to-views.md b/laravel/pass-data-to-views.md
new file mode 100644
index 0000000..c939ae2
--- /dev/null
+++ b/laravel/pass-data-to-views.md
@@ -0,0 +1,12 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Pass Data to Views | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/5) | [Documentation](https://laravel.com/docs/5.4/views#passing-data-to-views) | 0.5 hr | Creating Views
+
+### Tasks :
+- Send the following data as `posts` to `All Posts` view page and display them.
+    - **"I am going to Create and Edit Users"**
+    - **"I am going to Create and Edit Posts"**
+    - **"I am going to Create and Edit Comments"**
+    - **"I am going to like and Unlike Posts"**
diff --git a/laravel/pivot-tables.md b/laravel/pivot-tables.md
new file mode 100644
index 0000000..2f6a977
--- /dev/null
+++ b/laravel/pivot-tables.md
@@ -0,0 +1,10 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Many-to-Many Relationship | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/30) | [Pivot Table / Many to Many Relatonship](https://laravel.com/docs/5.4/eloquent-relationships#many-to-many) | 1 hour | Eloquent Relationships
+
+### Tasks :
+- Add `Like` functionality.
+- Any user can `like/unlike` any post.
+- Add necessary Controller methods and views.
diff --git a/laravel/prerequisites.md b/laravel/prerequisites.md
new file mode 100644
index 0000000..2b0ec2d
--- /dev/null
+++ b/laravel/prerequisites.md
@@ -0,0 +1,6 @@
+**Laravel** is a free, open-source PHP web framework, created by **Taylor Otwell** and intended for the development of web applications following the **Model–View–Controller (MVC)** architectural pattern.
+
+* This course assumes the student has already taken Frontend domain or have a basic knowledge of front-end.
+* This course also assumes that the student has already taken PHP programming
+  language or reasonably familiar with PHP and its Object Oriented Programming
+  Concepts.
diff --git a/laravel/rendering.md b/laravel/rendering.md
new file mode 100644
index 0000000..4c62ec7
--- /dev/null
+++ b/laravel/rendering.md
@@ -0,0 +1,9 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Rendering | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/13) | [Blade Control Structures](https://laravel.com/docs/5.4/blade#control-structures) | 1 hour | Form Validation
+Rendering | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/13) | [Carbon](http://carbon.nesbot.com/docs/#api-formatting) | 1 hour | Form Validation
+
+### Tasks :
+- Use `Eloquent Builder` functions and `Carbon` library to display posts such that latest post is at the top. Also display the time stamps of the posts.
diff --git a/laravel/route-model-binding.md b/laravel/route-model-binding.md
new file mode 100644
index 0000000..64143c0
--- /dev/null
+++ b/laravel/route-model-binding.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Route Model Binding | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/9) | [Route Model Binding](https://laravel.com/docs/5.4/routing#route-model-binding) | 0.5 hr | Controllers
+
+### Tasks :
+- Make use of Route Model Binding to show a comment or a post. But instead of binding `id` , you should bind the `title` of a post to show a post. So, your route should look something like this `post/{title}`
diff --git a/laravel/scaffold-authentication.md b/laravel/scaffold-authentication.md
new file mode 100644
index 0000000..b2c35b9
--- /dev/null
+++ b/laravel/scaffold-authentication.md
@@ -0,0 +1,11 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Scaffold Authentication | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/17) | [Authentication Quickstart](https://laravel.com/docs/5.4/authentication#authentication-quickstart) | 0.5 hour | Database Setup
+Scaffold Authentication | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/17) | [Middleware](https://laravel.com/docs/5.4/middleware) | 1 hour | Database Setup
+Scaffold Authentication | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/17) |  [Mail to Log](https://laravel.com/docs/5.4/mail#mail-and-local-development) | 0.5 hour | Database Setup
+
+### Tasks :
+- Experiment with Scaffolded Authentication. (Do not run `php artisan make:auth`to the existing `blog` project. Create a new project and just experiment with it. We will be creating our own Authentication workflow instead of using Scaffolded Authentication)
+- Look into the `Middlewares` section, we are going to use it in the subsequent sections.
diff --git a/laravel/seeding.md b/laravel/seeding.md
new file mode 100644
index 0000000..25b3fc9
--- /dev/null
+++ b/laravel/seeding.md
@@ -0,0 +1,9 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Seeding with TestDummy | [Seeding with TestDummy](https://laracasts.com/series/advanced-eloquent/episodes/1) | [Test Dummy](https://gist.github.com/pbteja1998/fe30fd96e26a2868b5925c83df041808) - for database seeding | 1 hour | Ready Laravel Project
+Seeding with Laracasts Generators | [Seeding with Laracasts Generators](https://laracasts.com/series/incremental-api-development/episodes/1) | [Laracasts Generators]() - for database seeding | 1 hour | Ready Laravel Project
+
+### Tasks :
+- Learn how to seed Fake Data using TestDummy and Laracasts Generators.
diff --git a/laravel/testing.md b/laravel/testing.md
new file mode 100644
index 0000000..36325b8
--- /dev/null
+++ b/laravel/testing.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Basic Testing | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/22) | [Testing - Getting Started](https://laravel.com/docs/5.4/testing), [HTTP Tests](https://laravel.com/docs/5.4/http-tests), [Database Testing](https://laravel.com/docs/5.4/database-testing), [Writing Factories](https://laravel.com/docs/5.4/database-testing#writing-factories), [Using Factories](https://laravel.com/docs/5.4/database-testing#using-factories), [Database Transactions](https://laravel.com/docs/5.4/database#database-transactions) | 2 hour | Ready Laravel Project
+
+### Tasks :
+- Write your own tests to test some features of the project.
diff --git a/laravel/view-composers.md b/laravel/view-composers.md
new file mode 100644
index 0000000..6494eef
--- /dev/null
+++ b/laravel/view-composers.md
@@ -0,0 +1,8 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+View Composers | [Laracasts](https://laracasts.com/series/laravel-from-scratch-2017/episodes/21) | [View Composers](https://laravel.com/docs/5.4/views#view-composers) | 1 hour | Archives
+
+### Tasks :
+- Add `View Composer` for showing archives on all pages.
diff --git a/laravel/working-with-query-builder.md b/laravel/working-with-query-builder.md
new file mode 100644
index 0000000..a2cf280
--- /dev/null
+++ b/laravel/working-with-query-builder.md
@@ -0,0 +1,16 @@
+### Resources
+
+Concept | Best Video Resource | Best Text Resource | Duration | Prerequisites
+:-- | :--: | :--: | :--: | :--:
+Working with Query Builder | [Migrations and Query Builder](https://laracasts.com/series/laravel-from-scratch-2017/episodes/6) | [Migrations](https://laravel.com/docs/5.4/migrations)| 1 hr | Database Setup
+Working with Query Builder | [Migrations and Query Builder](https://laracasts.com/series/laravel-from-scratch-2017/episodes/6) | [Query Builder](https://laravel.com/docs/5.4/queries) | 1 hr | Database Setup
+
+### Tasks :
+- Create two tables `posts` and `comments` and `tasks`.
+- `posts` table should contain `title` and `body`. `title` should be a unique field.
+- `comments` table should contain a `comment_body`
+- Empty the `All Posts` page.
+- Install something which is equivalent to `Sequel Pro` for your operating System.
+- Using that add some posts to the database and display them on `All Posts` page.
+- When a user clicks on a individual post, it should redirect to a `posts/{id}` and `show` individual post. Later we will associate a comment with a post.
+- Similarly implement for `All comments` and `show` individual comment.
diff --git a/react/_syllabus.json b/react/_syllabus.json
new file mode 100644
index 0000000..4d6a257
--- /dev/null
+++ b/react/_syllabus.json
@@ -0,0 +1,166 @@
+/*Change to production url */
+[
+  {
+    "unit": {
+      "name": "Preface"
+    },
+    "chapters": [
+      {
+        "name": "Prerequisites",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/prerequisites.md"
+      },
+      {
+        "name": "Choosing ReactJS",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/choosing-reactjs.md"
+      },
+      {
+        "name": "Philosophy",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/philosophy.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Getting Started"
+    },
+    "chapters": [
+      {
+        "name": "Trying React",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/trying-react.md"
+      },
+      {
+        "name": "Create React App",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/create-react-app.md"
+      },
+      {
+        "name": "JavaScript XML Syntax",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/javascript-xml-syntax.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Components"
+    },
+    "chapters": [
+      {
+        "name": "Custom Components",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/custom-components.md"
+      },
+      {
+        "name": "Rendering",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/rendering.md"
+      },
+      {
+        "name": "Conditional Rendering",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/conditional-rendering.md"
+      },
+      {
+        "name": "Data Flow",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/data-flow.md"
+      },
+      {
+        "name": "Lifecycle",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/lifecycle.md"
+      },
+      {
+        "name": "Events",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/events.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Forms"
+    },
+    "chapters": [
+      {
+        "name": "Controlled Components",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/controlled-components.md"
+      },
+      {
+        "name": "Uncontrolled Components",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/uncontrolled-components.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Composition"
+    },
+    "chapters": [
+      {
+        "name": "Lifting State Up",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/lifting-state-up.md"
+      },
+      {
+        "name": "Composition vs Inheritance",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/composition-vs-inheritance.md"
+      },
+      {
+        "name": "Context",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/context.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "Tools"
+    },
+    "chapters": [
+      {
+        "name": "Developer Tools",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/developer-tools.md"
+      },
+      {
+        "name": "Proptypes",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/proptypes.md"
+      },
+      {
+        "name": "Error Boundaries",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/error-boundaries.md"
+      }
+    ]
+  },
+  {
+    "unit": {
+      "name": "In depth discussions"
+    },
+    "chapters": [
+      {
+        "name": "JSX In Depth",
+        "url": "https://rawgit.com/coderplex/learn/cdn/react/jsx-in-depth.md"
+      },
+      {
+        "name": "Synthetic Events",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/synthetic-events.md"
+      },
+      {
+        "name": "React Without JSX",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/react-without-jsx.md"
+      },
+      {
+        "name": "React without ES6",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/react-without-es6.md"
+      },
+      {
+        "name": "Reconcilation - Diff Algorithm",
+        "url":
+          "https://rawgit.com/coderplex/learn/cdn/react/reconcilation---diff-algorithm.md"
+      }
+    ]
+  }
+]
diff --git a/react/choosing-reactjs.md b/react/choosing-reactjs.md
new file mode 100644
index 0000000..c3d75cd
--- /dev/null
+++ b/react/choosing-reactjs.md
@@ -0,0 +1,21 @@
+React is an open source javaScript library for building user interfaces by Facebook inc.
+
+### Here are a few reasons.
+
+* **View in MVC** – ReactJS is the view layer in our applications and it does this job really well without trying to achieve anything more.
+
+* **Virtual DOM** – This is probably why most developers are so attracted to React. React manages its own DOM in memory. The most expensive operation most web apps suffer is mutating the DOM. React's approach is to maintain a virtual representation of the DOM which allows it to calculate differences in the DOM so that it only mutates the part of the DOM that actually needs to be updated. This is a huge benefit!
+
+* **Declarative** – Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
+
+* **Component-Based** – Build encapsulated components that manage their own state, then compose them to make complex UIs.
+
+* **Server Side Rendering** – Combining a NodeJS server and ReactJS helps us build even more complex applications by pre-rendering the initial state of our ReactJS components.
+
+* **Javascript** – It is JavaScript after all. We can use latest JavaScript goodies by transpiling our code with the tools we prefer like webpack, browserify, rollup, babel etc
+
+* **Non-Opinitated** – It doesnt make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
+
+* **Testability** – React components simplify testing greatly. As a proof of it's simplicity, our new web client has more tests than any of our other clients.
+
+* **Functional Programming** – ReactJS stateless components act like pure functions while composition is highly enforced instead of inheritance to reuse code between components.
diff --git a/react/composition-vs-inheritance.md b/react/composition-vs-inheritance.md
new file mode 100644
index 0000000..e4519cb
--- /dev/null
+++ b/react/composition-vs-inheritance.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept                    |                   Best Video Resource                   |                          Best Text Resource                           |                                   Documentation                                   | Duration |
+| :------------------------- | :-----------------------------------------------------: | :-------------------------------------------------------------------: | :-------------------------------------------------------------------------------: | :------: |
+| composition vs inheritance | [ViennaJS](https://www.youtube.com/watch?v=3Wo7InXlLfw) | [Brew](http://blog.brew.com.hk/react-101-composition-vs-inheritance/) | [ReactJS/comp-vs-inher](https://reactjs.org/docs/composition-vs-inheritance.html) | 1 hours  |
+
+### Tasks:
+
+* Create an application with a Sidebar component `<Sidebar></Sidebar>` which can take any number of other component/elements to display in the sidebar.
diff --git a/react/conditional-rendering.md b/react/conditional-rendering.md
new file mode 100644
index 0000000..3b1a91a
--- /dev/null
+++ b/react/conditional-rendering.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept             |                                 Best Video Resource                                  |                            Best Text Resource                             |                                   Documentation                                   | Duration |
+| :------------------ | :----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------: | :-------------------------------------------------------------------------------: | :------: |
+| Rendering component | [EggHead](https://egghead.io/lessons/egghead-conditionally-render-a-react-component) | [RrobinWieruch](https://www.robinwieruch.de/conditional-rendering-react/) | [ReactJS/conditional-render](https://reactjs.org/docs/conditional-rendering.html) | 3 hours  |
+
+### Tasks :
+
+* Create an application with component `<Greet />` which displays "Good morning/evening/night" based on the time.
diff --git a/react/context.md b/react/context.md
new file mode 100644
index 0000000..8fd149b
--- /dev/null
+++ b/react/context.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept |                   Best Video Resource                    |                                       Best Text Resource                                       |                      Documentation                       | Duration |
+| :------ | :------------------------------------------------------: | :--------------------------------------------------------------------------------------------: | :------------------------------------------------------: | :------: |
+| Context | [ReactCast](https://www.youtube.com/watch?v=lxq938kqIss) | [JSPlayground](https://javascriptplayground.com/blog/2017/02/context-in-reactjs-applications/) | [ReactJS/context](https://reactjs.org/docs/context.html) | 4 hours  |
+
+### Tasks:
+
+* In the todo app that you built previously built, change it to use context instead of props.
diff --git a/react/controlled-components.md b/react/controlled-components.md
new file mode 100644
index 0000000..8f0f616
--- /dev/null
+++ b/react/controlled-components.md
@@ -0,0 +1,12 @@
+### Resources
+
+| Concept          |                            Best Video Resource                            |                                    Best Text Resource                                    |                    Documentation                     | Duration |
+| :--------------- | :-----------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :--------------------------------------------------: | :------: |
+| Controlled forms | [EggHead](https://egghead.io/lessons/egghead-make-basic-forms-with-react) | [LorenStewart](https://lorenstewart.me/2016/10/31/react-js-forms-controlled-components/) | [ReactJS/forms](https://reactjs.org/docs/forms.html) | 8 hours  |
+
+### Tasks :
+
+* Build an app which has a sign up form for students.
+  * Year of passing should be dropdown and should contain only 5 years back from now.
+  * Take in the date of birth and show his age next to dob input
+  * Suggest a few interested topics to select from a list of suggestions. These suggestions should appear as a type-ahead.
diff --git a/react/create-react-app.md b/react/create-react-app.md
new file mode 100644
index 0000000..b8a5909
--- /dev/null
+++ b/react/create-react-app.md
@@ -0,0 +1,12 @@
+### Resources
+
+| Concept                      |                                     Best Video Resource                                      |                                        Best Text Resource                                        |                                         Documentation                                         | Duration |
+| :--------------------------- | :------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------: | :------: |
+| Create-React-App boilerplate | [EggHead](https://egghead.io/lessons/react-react-fundamentals-development-environment-setup) | [FacebookIncubator/cra](https://github.com/facebookincubator/create-react-app#create-react-app-) | [ReactJS/installation](https://reactjs.org/docs/installation.html#creating-a-new-application) | 2 hours  |
+
+### Tasks :
+
+* Use `create-react-app` and create a sample React app.
+* Convert km to miles converter that you built previously into this application that you created now.
+* Build the application using `create-react-app`
+* Install serve by `npm i -g serve` and `serve build` to test the appliction that you built.
diff --git a/react/custom-components.md b/react/custom-components.md
new file mode 100644
index 0000000..7bd3756
--- /dev/null
+++ b/react/custom-components.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept           |                            Best Video Resource                             |                                    Best Text Resource                                     |                              Documentation                               | Duration |
+| :---------------- | :------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------: | :----------------------------------------------------------------------: | :------: |
+| Custom components | [EggHead](https://egghead.io/lessons/react-create-custom-react-components) | [ReactArmory](https://reactarmory.com/guides/learn-react-by-itself/custom-react-elements) | [ReactJS/components](https://reactjs.org/docs/components-and-props.html) | 8 hours  |
+
+### Tasks :
+
+* Create a modified `h1` tag which has underline and blue colored text. You should be able to use it as `<Modh1>Some text</Modh1>`
diff --git a/react/data-flow.md b/react/data-flow.md
new file mode 100644
index 0000000..8d37e96
--- /dev/null
+++ b/react/data-flow.md
@@ -0,0 +1,12 @@
+### Resources
+
+| Concept         |                            Best Video Resource                             |                       Best Text Resource                       |                           Documentation                            | Duration |
+| :-------------- | :------------------------------------------------------------------------: | :------------------------------------------------------------: | :----------------------------------------------------------------: | :------: |
+| State and Props | [EggHead](https://egghead.io/lessons/react-use-component-state-with-react) | [LucyBain](http://lucybain.com/blog/2016/react-state-vs-pros/) | [ReactJS/state](https://reactjs.org/docs/state-and-lifecycle.html) | 8 hours  |
+
+### Tasks :
+
+* Create a BMI calculator application.
+  * This should internally contain two components, inputs for height and weight.
+  * Display the result in the BMI component itself.
+  * We should be able to use it as `<BMICalc />`
diff --git a/react/developer-tools.md b/react/developer-tools.md
new file mode 100644
index 0000000..108c9f3
--- /dev/null
+++ b/react/developer-tools.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept                |                  Best Video Resource                   |                                      Best Text Resource                                      |                                     Documentation                                      | Duration |
+| :--------------------- | :----------------------------------------------------: | :------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: | :------: |
+| Dev tools & Experience | [Youtube](https://www.youtube.com/watch?v=qXVakfdA040) | [Facebook/React-DevTools](https://github.com/facebook/react-devtools#react-developer-tools-) | [ReactJS/dev-ex](https://reactjs.org/docs/design-principles.html#developer-experience) | 1 hours  |
+
+### Tasks :
+
+* Inspect [coderplex website](https://coderplex.org/) to know what all are components and details of them.
diff --git a/react/error-boundaries.md b/react/error-boundaries.md
new file mode 100644
index 0000000..8ccc5d6
--- /dev/null
+++ b/react/error-boundaries.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept          |                                      Best Video Resource                                      |                      Best Text Resource                      |                               Documentation                                | Duration |
+| :--------------- | :-------------------------------------------------------------------------------------------: | :----------------------------------------------------------: | :------------------------------------------------------------------------: | :------: |
+| Error Boundaries | [EggHead](https://egghead.io/lessons/react-error-handling-using-error-boundaries-in-react-16) | [Bugsnag](https://blog.bugsnag.com/react-16-error-handling/) | [ReactJS/error-boundaries](https://reactjs.org/docs/error-boundaries.html) | 1 hours  |
+
+### Tasks :
+
+* Create an application with an `<ErrorWrapper>` component which catches errors in its children components and displays an error message if some error occurs.
diff --git a/react/events.md b/react/events.md
new file mode 100644
index 0000000..308aefd
--- /dev/null
+++ b/react/events.md
@@ -0,0 +1,12 @@
+### Resources
+
+| Concept        |                             Best Video Resource                             |                                   Best Text Resource                                   |                              Documentation                               | Duration |
+| :------------- | :-------------------------------------------------------------------------: | :------------------------------------------------------------------------------------: | :----------------------------------------------------------------------: | :------: |
+| Events handler | [EggHead](https://egghead.io/lessons/egghead-use-event-handlers-with-react) | [JamesKNelson](https://reactarmory.com/guides/learn-react-by-itself/inputs-and-events) | [ReactJS/handling-events](https://reactjs.org/docs/handling-events.html) | 10 hours |
+
+### Tasks :
+
+* Build a todo application with following requirements
+  * Input field to add new todos
+  * Click on todo to toggle completion. Maybe strikethrough if its completed.
+  * Double click on a todo to delete it.
diff --git a/react/javascript-xml-syntax.md b/react/javascript-xml-syntax.md
new file mode 100644
index 0000000..57c010b
--- /dev/null
+++ b/react/javascript-xml-syntax.md
@@ -0,0 +1,5 @@
+### Resources
+
+| Concept |                      Best Video Resource                       |                            Best Text Resource                             |                        Documentation                         | Duration |
+| :------ | :------------------------------------------------------------: | :-----------------------------------------------------------------------: | :----------------------------------------------------------: | :------: |
+| JSX     | [EggHead](https://egghead.io/lessons/react-use-jsx-with-react) | [ReactEnlightment](https://www.reactenlightenment.com/react-jsx/5.1.html) | [ReactJS/jsx](https://reactjs.org/docs/introducing-jsx.html) | 6 hours  |
diff --git a/react/jsx-in-depth.md b/react/jsx-in-depth.md
new file mode 100644
index 0000000..5c1c017
--- /dev/null
+++ b/react/jsx-in-depth.md
@@ -0,0 +1,5 @@
+### Resources
+
+| Concept        |                 Best Video Resource                 |                            Best Text Resource                             |                        Documentation                         | Duration |
+| :------------- | :-------------------------------------------------: | :-----------------------------------------------------------------------: | :----------------------------------------------------------: | :------: |
+| JSX in details | [EggHead](https://egghead.io/lessons/jsx-deep-dive) | [PoonyFo](https://ponyfoo.com/articles/react-jsx-and-es6-the-weird-parts) | [ReactJS/jsx-in](https://reactjs.org/docs/jsx-in-depth.html) | 12 hours |
diff --git a/react/lifecycle.md b/react/lifecycle.md
new file mode 100644
index 0000000..f4261c4
--- /dev/null
+++ b/react/lifecycle.md
@@ -0,0 +1,10 @@
+### Resources
+
+| Concept                     |                                  Best Video Resource                                   |                         Best Text Resource                         |         Documentation         | Duration |
+| :-------------------------- | :------------------------------------------------------------------------------------: | :----------------------------------------------------------------: | :---------------------------: | :------: |
+| Component Lifecycle methods | [Frontend Masters](https://frontendmasters.com/courses/react-intro/lifecycle-methods/) | [ReactArmory](https://reactarmory.com/guides/lifecycle-simulators) | [ReactJS/state-and-lifecycle] | 6 hours  |
+
+### Tasks :
+
+* Build an application which has a search bar. When we enter any Github username in it, show the user's details in a card below.
+  * The card should make use of all the component lifecycle methods.
diff --git a/react/lifting-state-up.md b/react/lifting-state-up.md
new file mode 100644
index 0000000..a128997
--- /dev/null
+++ b/react/lifting-state-up.md
@@ -0,0 +1,11 @@
+## Lifting state up
+
+### Resources
+
+| Concept       |                  Best Video Resource                   |                              Best Text Resource                              |                              Documentation                              | Duration |
+| :------------ | :----------------------------------------------------: | :--------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :------: |
+| Lifting state | [Youtube](https://www.youtube.com/watch?v=a9pr1K2ueuA) | [Gerardnico](https://gerardnico.com/wiki/lang/javascript/react/shared_state) | [ReactJS/lifting-state](https://reactjs.org/docs/lifting-state-up.html) | 2 hours  |
+
+### Tasks:
+
+* Add
diff --git a/react/philosophy.md b/react/philosophy.md
new file mode 100644
index 0000000..25d10bc
--- /dev/null
+++ b/react/philosophy.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept                   |                   Best Video Resource                    |                                     Best Text Resource                                     |                                Documentation                                 | Duration |
+| :------------------------ | :------------------------------------------------------: | :----------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------: | :------: |
+| Best practices with react | [JSConf EU](https://www.youtube.com/watch?v=x7cQ3mrcKaY) | [Medium](https://medium.com/@nimelrian/thinking-in-react-a-paradox-statement-33c19e2eb9e2) | [ReactJS/thinking-in-react](https://reactjs.org/docs/thinking-in-react.html) | 1 hours  |
+
+### Tasks :
+
+* Take an application like Instagram and plan on what parts of it are re-usable and make a component.
diff --git a/react/prerequisites.md b/react/prerequisites.md
new file mode 100644
index 0000000..c9df2f2
--- /dev/null
+++ b/react/prerequisites.md
@@ -0,0 +1 @@
+Experience with the basic web technologies ie. HTML, CSS & JavaScript will help.
diff --git a/react/proptypes.md b/react/proptypes.md
new file mode 100644
index 0000000..1f828d6
--- /dev/null
+++ b/react/proptypes.md
@@ -0,0 +1,10 @@
+### Resources
+
+| Concept   |                                       Best Video Resource                                        |                           Best Text Resource                            |                                  Documentation                                  | Duration |
+| :-------- | :----------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :-----------------------------------------------------------------------------: | :------: |
+| PropTypes | [EggHead](https://egghead.io/lessons/react-validate-custom-react-component-props-with-proptypes) | [Facebook/PropTypes](https://github.com/facebook/prop-types#prop-types) | [ReactJS/prop-types](https://reactjs.org/docs/typechecking-with-proptypes.html) | 1 hours  |
+
+### Tasks :
+
+* Create an application similar with a component printer taking some text to display as a prop.
+  * Use propTypes to check whether the prop passed is string or not.
diff --git a/react/react-without-es6.md b/react/react-without-es6.md
new file mode 100644
index 0000000..4ab496c
--- /dev/null
+++ b/react/react-without-es6.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept           |                   Best Video Resource                    |                                  Best Text Resource                                  |                           Documentation                           | Duration |
+| :---------------- | :------------------------------------------------------: | :----------------------------------------------------------------------------------: | :---------------------------------------------------------------: | :------: |
+| React without es6 | [LiveCodin](https://www.youtube.com/watch?v=go1DilUf2a8) | [Medium](https://medium.com/@clmyles/react-without-npm-babel-or-webpack-1e9a6049714) | [ReactJS/no-es6](https://reactjs.org/docs/react-without-es6.html) | 2 hours  |
+
+### Tasks :
+
+* Recreate the same stopwatch application without writing any ES6 code.
diff --git a/react/react-without-jsx.md b/react/react-without-jsx.md
new file mode 100644
index 0000000..8002100
--- /dev/null
+++ b/react/react-without-jsx.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept           |                 Best Video Resource                 |                           Best Text Resource                           |                           Documentation                           | Duration |
+| :---------------- | :-------------------------------------------------: | :--------------------------------------------------------------------: | :---------------------------------------------------------------: | :------: |
+| React without JSX | [EggHead](https://egghead.io/lessons/jsx-deep-dive) | [Brain Mock](https://mockbrian.com/blog/2017/08/11/react-without-jsx/) | [ReactJS/no-jsx](https://reactjs.org/docs/react-without-jsx.html) | 2 hours  |
+
+### Tasks :
+
+* Create a stopwatch application without any JSX.
diff --git a/react/reconcilation---diff-algorithm.md b/react/reconcilation---diff-algorithm.md
new file mode 100644
index 0000000..92198a4
--- /dev/null
+++ b/react/reconcilation---diff-algorithm.md
@@ -0,0 +1,5 @@
+### Resources
+
+| Concept       |                                                 Best Video Resource                                                 |                                         Best Text Resource                                         |                             Documentation                             | Duration |
+| :------------ | :-----------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------: | :------: |
+| Reconcilation | [Chariot Solutions](https://chariotsolutions.com/screencast/philly-ete-2016-30-jim-sproch-react-js-reconciliation/) | [Medium](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e) | [ReactJS/Reconcilation](https://reactjs.org/docs/reconciliation.html) | 10 hours |
diff --git a/react/rendering.md b/react/rendering.md
new file mode 100644
index 0000000..3f78b60
--- /dev/null
+++ b/react/rendering.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept             |                                 Best Video Resource                                  |                                      Best Text Resource                                       |                                 Documentation                                  | Duration |
+| :------------------ | :----------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------: | :------: |
+| Rendering component | [EggHead](https://egghead.io/lessons/egghead-conditionally-render-a-react-component) | [ReactArmory](https://reactarmory.com/guides/learn-react-by-itself/rendering-and-rerendering) | [ReactJS/rendering-elements](https://reactjs.org/docs/rendering-elements.html) | 4 hours  |
+
+### Tasks :
+
+* Create an Time Application which updates automatically and always shows the current time. Time should be in the format `HH:MM:SS AM/PM`.
diff --git a/react/synthetic-events.md b/react/synthetic-events.md
new file mode 100644
index 0000000..ad31023
--- /dev/null
+++ b/react/synthetic-events.md
@@ -0,0 +1,5 @@
+### Resources
+
+| Concept      |                  Best Video Resource                   | Best Text Resource | Documentation | Duration |
+| :----------- | :----------------------------------------------------: | :----------------: | :-----------: | :------: |
+| React events | [Youtube](https://www.youtube.com/watch?v=dRo_egw7tBc) |                    |               | 12 hours |
diff --git a/react/trying-react.md b/react/trying-react.md
new file mode 100644
index 0000000..8c9402e
--- /dev/null
+++ b/react/trying-react.md
@@ -0,0 +1,11 @@
+### Resources
+
+| Concept          |                                Best Video Resource                                |                                Best Text Resource                                |                                    Documentation                                    | Duration |
+| :--------------- | :-------------------------------------------------------------------------------: | :------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------: | :------: |
+| Trying out React | [EggHead](https://egghead.io/lessons/react-write-hello-world-with-raw-react-apis) | [React Armory](http://jamesknelson.com/learn-raw-react-no-jsx-flux-es6-webpack/) | [ReactJS/installation](https://reactjs.org/docs/installation.html#trying-out-react) | 6 hours  |
+
+### Tasks :
+
+* Make a HTML file with ReactJS as script tag in the head.
+
+- Make a simple km to miles converter in that one file.
diff --git a/react/uncontrolled-components.md b/react/uncontrolled-components.md
new file mode 100644
index 0000000..b17fc12
--- /dev/null
+++ b/react/uncontrolled-components.md
@@ -0,0 +1,9 @@
+### Resources
+
+| Concept            |                               Best Video Resource                                |                        Best Text Resource                        |                                 Documentation                                 | Duration |
+| :----------------- | :------------------------------------------------------------------------------: | :--------------------------------------------------------------: | :---------------------------------------------------------------------------: | :------: |
+| UnControlled forms | [EggHead](https://egghead.io/lessons/egghead-manipulate-the-dom-with-react-refs) | [LeftDevel](http://leftdevel.com/blog/reactjs-controlled-forms/) | [ReactJS/uncontrolled](https://reactjs.org/docs/uncontrolled-components.html) | 8 hours  |
+
+### Tasks :
+
+* Built an app that shows a red color rectangle using canvas elements.

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://github.com/coderplex-org/learn/compare/master...cdn.diff" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://github.com/coderplex-org/learn/compare/master...cdn.diff" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://github.com/coderplex-org/learn/compare/master...cdn.diff" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://github.com/coderplex-org/learn/compare/master...cdn.diff" target="_blank">pFad v4 Proxy</a></p></body>
</html>