Let’s develop a Full Stack MERN (with MySQL or PostgreSQL) Stack Web Application for a Courses Management software Dashboard. We’ll be building the Community Classroom Dashboard Live on this series in my way.
Let’s develop a Full Stack MERN (with MySQL or PostgreSQL) Stack Web Application for a Courses Management software Dashboard. We’ll be building the Community Classroom Dashboard Live on this series in my way.
=== Web & App Dev Industry? ===
The web and app development industry today is running at a skyrocketing speed with the development of unique and creative web applications. It provides an inevitable experience to the users. All of them are built utilising a robust and scalable ‘tech stack’ that are dominating the software development industry now-a-days.
MERN stack is a collection of robust and powerful technologies used to develop scalable master web applications, comprising front-end, back-end, and database components. It is a technology stack that is a user-friendly full-stack JavaScript framework for building dynamic websites and applications. This is the reason it is the most preferred platform by startups and for new projects.
MERN is a full stack architecture, following the traditional 3-tier architectural pattern, including the front-end display tier (React JS), application tier (Express.js and Node JS), and database tier (we’ll use a relational database like PostgreSQL ~ PERN or MySQL ~ MERN).
👉🏻 Express: Express JS is a modular and lightweight framework that helps in building robust and scalable web applications. It is developed to write fast, and secure applications.
👉🏻 React: React JS is an open-source JavaScript library used to build user interfaces, typically for single-page applications. It offers the facility of code reusability on multiple platforms. It is fast and scalable.
👉🏻 Node JS: Node JS is an open-source and cross-platform, JS runtime environment. It is designed to run the JavaScript code on the server-side.
=== Why are we using this stack? ===
There are so many reasons why we’re using this particular stack. I’m not gonna talk about the Database part, because that’s still a mystery! 😅
Why use Express?
✅ Asynchronous and Single-threaded.
✅ It is fast and scalable
✅ It helps with code reusability using a built-in router.
✅ Robust API
Why use React?
✅ The virtual DOM is a lightweight copy of the original DOM. Includes all the properties of the real DOM.
✅ Supports one-way data-binding which means that the data flows in one direction throughout the whole application. This gives better control over it.
✅ React JS is a component-based framework. The code is written in templates to make it easy to pass the entire data through the application.
✅ ReactJS supports Components that are basic building blocks of UI where each component has a logic. The components also support code reusability and make the web application easier to develop and understand.
✅ Features like Virtual DOM, JSX, and Components make it much faster than the other frameworks.
✅ React Native can easily code for Android and IOS apps using JavaScript and React JS.
Why use Node.JS?
✅ It supports open-source JavaScript Runtime Environment
✅ It has a single-threaded model
✅ Node JS has a fast code execution as it is built on Google Chrome’s JavaScript Engine
✅ It is highly scalable
=== Praveen? ===
Oh and don't forget about me! 😅 My name is Praveen. I am originally from Chennai, India, 🇮🇳 living and working in London, UK 🇬🇧 for one of the top two banks as a Lead Consultant & React JS Specialist, specialising on React and Node JS. ⚛️ Give this video a Like and Subscribe to this channel, if you haven't. 👍🏻 Share this video with your friends to motivate me and expect a lot of awesome contents. Connect with me on:
👉🏻 Website: https://praveen.science/
👉🏻 LinkedIn: https://www.linkedin.com/in/praveentech/
👉🏻 Twitter: https://twitter.com/praveenscience
👉🏻 GitHub: https://github.com/praveenscience
=== Series ===
This is a part of Building Community Classroom Dashboard Live Series. Watch the full playlist here: https://rb.gy/x3g5pg#PraveenScience#Git#FullStack#GitHub#OpenSource#MERNStack#MERN#React#ReactJS#Node#NodeJS#JavaScript#FrontEnd#Express#ExpressJS#Development#Developers#Learning#Beginners#Coding#Programming#LiveStream#Webinar
Let’s develop a Full Stack MERN (with MySQL or PostgreSQL) Stack Web Application for a Courses Management software Dashboard. We’ll be building the Community Classroom Dashboard Live on this series in my way.