Course Information
Course Overview
Build a Full stack News Portal Application with React , Node , Express , Mongo DB
Hello, Welcome TO The Course MERN Stack News Application.
The Different Technologies we will use in this application are
React - For Front End
Tailwind CSS - For UI / Styling
Node JS - For Backend Run-Time Environment
Express JS - For Backend Framework
Mongo DB - For Database
The topics that we will cover in this course are
Complete USER authentication with Protected Routes concept
ALL CRUD operations for the news items like create, read, update, delete
Handling Complex data without state management tools like redux
Creating Mongo DB Models, Schemas
The most popular text editor for creating content like drafts
Deploying a full-stack application to a live server without any cost
States, Props, Routing, HTTP Calls In React
In the complete application, we will use only functional/stateless components in React.
For Styling and UI we will the latest and tending utility CSS framework Tailwind CSS.
We will not use any external CSS frameworks or libraries like bootstrap/material UI etc.
We will build every piece of the component in the application from scratch with Tailwind CSS
We will learn to implement complex responsive layouts with tailwind CSS
Pre Requisites
-------------------------------------------------------------------------------
React
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications
Tailwind CSS
Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
Node
Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
Course Content
- 10 section(s)
- 29 lecture(s)
- Section 1 Introduction
- Section 2 Front End Setup
- Section 3 Layout
- Section 4 Add News UI
- Section 5 Backend Setup
- Section 6 Add News API Integration
- Section 7 Home Page
- Section 8 News Description
- Section 9 Authentication
- Section 10 Edit and Delete News
What You’ll Learn
- Creating Full Stack Applications with React , Node , Express , Mongo
- Handling Complex data without state management tools like redux
- Creating Mongo DB Models , Schemas
- The most popular text editor for creating content like draftjs
- Deploying a full stack application to live server without any cost
Skills covered in this course
Reviews
-
PPriyesh Anand
You used some very old tech stacks like react-html parser, which now a days have trouble in hosting. Instead use, html-react parser.
-
ffkilld azad
this course is for only those who know about mern stack already because the instructor didn't explain anything and when you ask for the Question, the instructor didn't response
-
AAlvaro Martín Aspilcueta Narvaez
Good course. Definitely is very practical approach. You have to have some knowledge of React, Node and MongoDB, because there's no much explanation of that, and for someone with some knowledge is enough. Besides that the instructor answer my questions very quickly. I think this course could be improved if in each section is added the code of the section, although the code is in Github, this will make things easier. I would like if in the future can be added how to containeraized this app and deployed in AWS. Good course!
-
JJagadeesh Kumar
Best for tailwind