Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

React Social Media App Design - Dark-Light Mode and Responsive with HTML CSS

Lama Dev via YouTube

Start learning Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course builds the design portion of a social media website with React, HTML, and CSS. It covers authentication pages, routing, Context API-powered dark mode, interface sections, and responsive Sass styling.

Syllabus

Introduction
Installation
React Login Page Design
React Register Page Design
React Router Dom Tutorial v6.4
React Router Dom Protected Route Auth
Social Media Website Navbar UI Design
Social Media Website Left Menu UI Design
CSS Sticky Positioning Tutorial
Right Menu UI Design
How to Create Dark Mode using React and Sass
React Dark Mode with Context API
Understanding React Context API
Social Media User Story Section UI Design
Social Media User Post UI Design
Social Media User Comments UI Design
Social Media Website User Profile Page UI Design
React Sass Responsive Design Tutorial CSS media query
Outro

Taught by

Lama Dev

Reviews

Start your review of React Social Media App Design - Dark-Light Mode and Responsive with HTML CSS

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.