MERN Stack News Application with Tailwind CSS

MERN Stack News Application with Tailwind CSS, available at $54.99, has an average rating of 4, with 29 lectures, based on 16 reviews, and has 136 subscribers.

You will learn about 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 This course is ideal for individuals who are Students who are passionate about full stack web development or Students who want be a master in MERN or Students who want build complex layouts without using any CSS Frameworks like Bootstrap , Material UI etc or Making responsive applications with Tailwind CSS or Deploying to Live Server It is particularly useful for Students who are passionate about full stack web development or Students who want be a master in MERN or Students who want build complex layouts without using any CSS Frameworks like Bootstrap , Material UI etc or Making responsive applications with Tailwind CSS or Deploying to Live Server.

Enroll now: MERN Stack News Application with Tailwind CSS

Summary

Title: MERN Stack News Application with Tailwind CSS

Price: $54.99

Average Rating: 4

Number of Lectures: 29

Number of Published Lectures: 29

Number of Curriculum Items: 29

Number of Published Curriculum Objects: 29

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Students who are passionate about full stack web development

Students who want be a master in MERN

Students who want build complex layouts without using any CSS Frameworks like Bootstrap , Material UI etc

Making responsive applications with Tailwind CSS

Deploying to Live Server

Target Audiences

Students who are passionate about full stack web development

Students who want be a master in MERN

Students who want build complex layouts without using any CSS Frameworks like Bootstrap , Material UI etc

Making responsive applications with Tailwind CSS

Deploying to Live Server

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 Curriculum

Chapter 1: Introduction

Lecture 1: Promo / Resourses

Chapter 2: Front End Setup

Lecture 1: Creating React App

Lecture 2: Folder Structure and Routing

Chapter 3: Layout

Lecture 1: Layout Part – 1

Lecture 2: Layout Part – 2

Lecture 3: Layout Part – 3

Chapter 4: Add News UI

Lecture 1: Add News Part – 1

Lecture 2: Add News Part – 2

Chapter 5: Backend Setup

Lecture 1: Setup Node + Express Server

Lecture 2: Mongo DB Connection

Lecture 3: News Model and Add News API

Chapter 6: Add News API Integration

Lecture 1: Add News Api Call

Lecture 2: Adding Spinner

Chapter 7: Home Page

Lecture 1: Getting news data from API

Lecture 2: Displaying News Items

Chapter 8: News Description

Lecture 1: News Description – Part 1

Lecture 2: News Description Part – 2

Chapter 9: Authentication

Lecture 1: Landing Page Design

Lecture 2: Adding Login and Register Forms

Lecture 3: Login Register APIs

Lecture 4: Adding user info in homepage and add news page

Lecture 5: Protected Routes

Chapter 10: Edit and Delete News

Lecture 1: Posted News Items List

Lecture 2: Edit News

Lecture 3: Delete News

Chapter 11: Refractoring

Lecture 1: Refractor code and UI fixes

Lecture 2: Adding profile to header

Chapter 12: Deployment

Lecture 1: Pushing code to github

Lecture 2: Deploying to HEROKU

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 7 votes

5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!