Udemy

MERN Stack News Application with Tailwind CSS

Enroll Now
  • 138 Students
  • Updated 2/2022
4.3
(16 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 35 Minute(s)
Language
English
Taught by
K.Sathya Prakash Reddy
Rating
4.3
(16 Ratings)
1 views

Course Overview

MERN Stack News Application with Tailwind CSS

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

  1. React - For Front End

  2. Tailwind CSS - For UI / Styling

  3. Node JS - For Backend Run-Time Environment

  4. Express JS - For Backend Framework

  5. 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


Reviews

  • P
    Priyesh Anand
    4.0

    You used some very old tech stacks like react-html parser, which now a days have trouble in hosting. Instead use, html-react parser.

  • f
    fkilld azad
    1.0

    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

  • A
    Alvaro Martín Aspilcueta Narvaez
    4.5

    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!

  • J
    Jagadeesh Kumar
    5.0

    Best for tailwind

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed