Scenario Based Learning
What is Scenario Based Learning
When I want to learn a new technology, I am able to find a lot of resources to learn the syntax of a particular programming language/technology.
But, I can not find resources which give me a production level problem scenario, from which I can able to learn the technology.
So, I thought, why don’t I create a one which will be helpful for developers like me to learn a programming language or technology by practicing a problem scenario.
Why it is important
Every time, we learn something. we go and find something to implement in it to get a good grasp of it. From, a beginner perspective. it is great.
But, there is a gap between a beginners who learn the technology to a person who works in the production level application. we really don’t know what kind of a problem the particular technology solves in real industrial applications until we work for a company or in a freelancing project
What I am going to do is, I will be sharing all the problem scenarios that I faced in the production. So, the beginner for the particular technology can replicate the scenario on his own and learn from it.
Basically, he/she is going to gain my experience through learning on his own. So, In the future, if he faces the same problem scenario, he/she can tackle it in an efficient way.
Table of Contents
Tech Stack
Front End-React
Beginner
React Route Based on the Subdomain - Beginner
Create a Basic Form with React & Formik - Beginner
Google Login & Google Captcha Integration with React Form - Beginner
Intermediate
React File upload and Upload using DropBox , Google Drive Link - Intermediate
Replacing React Component (Min 4) in a Single Route(Conditional Rendering) - Intermediate
Back End-Node.js and MongoDB
Beginner
Get Users a NearBy Restaurants - Beginner
User Authentication and Authorization - Beginner
Intermediate
API Grouping based on Role - Intermediate
Service to Generate Thumbnail - Node.js / MongoDB - Intermediate
Event Sourcing - Kafka,Socket & Node.js - Intermediate
Adding Watermark in Uploaded Images - Node - Intermediate
Advanced
Launch your own npm package - Node.js - Advanced
Full Stack-Node and React
Intermediate
Document Management System - Node/React - Intermediate
GeoSearch Service - Node & React - Intermediate
Chat Application with Slack Feature - Node, Socket & React - Intermediate
Advanced
Video Chat Application - Node & React - Advanced
Online Document Editor - Drag and Drop - Node & React - Advanced
OmniChat for All your Social Account - Node & React - Advanced
Contribution
Contributions are very welcome: Submit
License
MIT License
Copyright (c) [2019] [ganeshmani]
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.