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
-
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 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 API's
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!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024