web-development

intermediate

React Master Class with Redux, Hooks, Firebase, Tailwind css, GraphQL

Learn The most valuable skill in web development from scratch Learn Reactjs, Hooks, Redux, React Routing, Firebase, Graphql, Tailwindcss, Styled Component, Recoil, and Much More.

Mohamud Osman

Instructor

50% OFF

$40

$20

Starting from

28.3 hours

lessons

intermediate

React Master Class with Redux, Hooks, Firebase, Tailwind css, GraphQL

What You'll Learn

Build powerful fast, user-friendly and reactive web apps

Master the latest ecosystem of a React Developer from scratch

Learn the latest features in React including Hooks Context API.

Learn modern React by building 4 projects

Learn how to use context and reducers to manage global state

Use cutting-edge ES6/ES7 JavaScript

Learn the latest React libraries and tools

Setup authentication and user accounts wth google auth

Master React Redux, React-Router, and more

Learn Graphql

Learn Firebase

Learn Tailwind CSS.

Learn Styled Components

Learn git and github.

Deploy your projects with vercel and railway

Course Curriculum

Intrduction

3 lessons

Course Intro5:00

Preview

what is react ?20:00

Preview

installing tools and setup0:00

React Core Concepts

12 lessons

Before We Get Started2:16

Preview

generating create react app6:55

Folder Structure5:01

Write your first react code13:31

JSX Rules and the difference between JSX and HTML10:21

React components and how it works9:06

Props and how to use it in react6:27

Creating component as layout4:50

Conditional rendering10:15

Display list of data8:08

Code refactor3:19

Preview

Handling events in react4:45

React Hooks

7 lessons

What is react hooks and how to use it ?10:18

UseState Explained8:39

Use Object with useState10:00

useEffect Explained10:09

read data from from and external api8:21

wrting better way with async function6:12

adding loader to the hook6:34

Mini Social Media App

17 lessons

project structure7:18

Preview

break down our components7:46

building our login component11:57

verify user5:34

show current user info8:41

creating new post18:03

managing post state20:42

clear the form5:27

useRef hook explained7:28

code refactoring11:45

show created user post3:15

show spacific color for the post user8:39

Context Api19:45

useReducer explained10:27

impelment post with useReducer13:37

Ecommerce Application

27 lessons

Project Intro4:31

Preview

generate react app7:53

breakout the components4:42

ways to style react applications3:47

Modular css in react5:51

external files9:48

react router and how to implement6:07

creating our pages with react router17:02

implementing react router links8:07

styling our menu21:16

organize products5:41

show products list3:50

make resuable component for the products15:27

styling the product component13:16

style the product information15:39

creating our own custom hook from scratch11:43

our own custom hook part two10:04

our own custom hook part 38:43

use our own reusable component8:05

remove product from the cart4:12

check if the product exists in the cart6:42

check if the product exists from the cart part two9:23

show product in the cart page8:51

style the cart items page17:10

make total price real7:04

evc payments design15:56

get the selected payment method13:42

Implementing Evc Sahal and Zaad Payments

5 lessons

how to get Evc Zaad Sahal Api3:32

preparing form submition6:49

process evc zaad and sahal payment11:25

describe response message13:53

react hot tosat7:43

Git Github Crash Course And Deployment

3 lessons

github concepts9:03

depoying to vercel3:35

commit changes0:00

Preview

Mss Somali (Master Redux) With Sass

25 lessons

Project Intro3:27

Preview

generate react app using vite5:43

setup Sass6:22

global variables in Sass5:29

breakout the components5:02

building the header component11:57

building the timer component6:37

styling the timer component with sass8:28

building the competitors component7:44

styling the competitors component7:19

change competitors into responsive grid5:08

building the competitor component8:36

styling the competitor component21:14

building vote modal20:06

styling modal vote modal component19:50

what is redux ? and what is used For ?10:05

redux store setup8:16

features of our redux app10:21

get values in the redux store6:18

implementing redux actions9:28

show modal3:33

moving competitors data into the redux store16:15

solve phto problem and working with votes9:59

voting process17:15

configuring the timer12:17

Netflix Clone With Tailwind CSS & Firebase

27 lessons

Project Intro5:33

Preview

generate react project using vite7:13

how to get the source code2:47

setup our pages with react router13:33

building our hero component15:36

builidng our hero component part two15:51

building the features component15:51

building the features component part two16:43

building FAQ component18:29

building the footer component14:55

builidng the header component21:58

TMDB integration with request setup22:28

building browse hero23:10

fixing banner issue7:36

gradient color fixing2:15

building the rows component26:28

hide the scroll bar24:12

modal event and recoil for state management3:57

implementing reciol and modal16:44

show trail for the selected movie24:26

dynamic movie modal20:50

wordking react player controls8:20

show movie info in the modal25:38

builiding login form with react hook form19:04

using react hook form13:36

google auth with firebase17:34

signin with email and password7:14

Full Stack React With Graphql And Styled Component | Hasura Dashboard

11 lessons

Project Overview5:40

Preview

Graphql Explained vs REST API17:27

What we are building ?2:32

Preview

Creating Hasura Account10:46

Preview

Graphql Quries7:32

Preview

Filtering Queries4:58

Preview

Paginations7:20

GraphQL Mutations3:48

GraphQL Muations Update3:10

DELETE Mutation1:56

GraphQL Dynamic Variables5:12

Preview

Full Stack React With GraphQL And Styled Component | Building Real Time App

24 lessons

Generate React App With VITE3:22

Preview

Implementing React Router DOM25:17

Preview

Setup Styled Components9:05

Preview

Implement Menus with React Router Link3:02

Make The Menus Presentable With Styled Components18:19

SetUp Apollo Client9:54

Read GraphQL Queries with useQuery Hook12:13

Show Posts12:18

Make Post Card More Presentable17:13

Make Posts Card More Presentable0:00

Query For Single Post12:13

Make Post Info Page Presentable20:07

Building Post Form11:30

SetUp Our State Data12:23

SetUp State For React Quill3:45

Creating Cloudnary Account6:14

Upload Images To Cloudnary8:51

Manage Cloudnary Response6:55

Make Dedicated Function For Image Uploading8:24

Fill Post Form16:04

Update POST Mutation12:24

DELETE Post Mutation15:20

Subscriptions 🔥17:13

Course Features

Duration28.3 hours

Lessons lessons

Levelintermediate

LanguageSomali

CertificateYes

50% OFF

$40

$20

Starting from

Registration Closed

Check back later

Full Stack Software
Engineer + AI
Mentorship Program

Master web, mobile, DevOps, and AI—all guided by Somali mentors in a structured, project-based curriculum.

Registration Currently Closed

Next Batch Starts

Check back soon

Class Size

Limited to 50 Students

Mentorship registration is currently closed. Please check back later.

Have questions? Get immediate assistance on WhatsApp

Comprehensive Curriculum

From front-end essentials to advanced back-end, mobile apps, and AI—master it all in a structured path.

Real Mentorship in Somali

Get weekly live sessions, 1-on-1 guidance, and ongoing support from experienced Somali mentors.

Project-Based Learning

Build real web, mobile, and AI projects that showcase your skills—no fluff, just practical experience.

DevOps & AI Integration

Learn Docker, CI/CD pipelines, and AI fundamentals to deploy cutting-edge apps and stand out in the market.

Program Duration

12 Months

Intensive

Active Students

5,000+

Growing Community

Your Learning Journey

From basics to advanced full-stack & AI development

Frontend Development100%

React, Next.js, TypeScript & UI/UX

Backend & Database80%

Node.js, PostgreSQL & GraphQL API

Mobile Development0%

React Native, Expo & App Publishing

DevOps & Cloud0%

Docker, AWS & CI/CD Pipeline

AI Integration0%

LLMs, OpenAI & AI Features

Career Development0%

Portfolio Building & Job Search Strategy

Current Status

Registration Closed

100% in Somali

React Master Class with Redux, Hooks, Firebase, Tailwind css, GraphQL

What You'll Learn

Course Curriculum

Intrduction

React Core Concepts

React Hooks

Mini Social Media App

Ecommerce Application

Implementing Evc Sahal and Zaad Payments

Git Github Crash Course And Deployment

Mss Somali (Master Redux) With Sass

Netflix Clone With Tailwind CSS & Firebase

Full Stack React With Graphql And Styled Component | Hasura Dashboard

Full Stack React With GraphQL And Styled Component | Building Real Time App

Course Features

Full Stack Software
Engineer + AI
Mentorship Program

Next Batch Starts

Class Size

Comprehensive Curriculum

Real Mentorship in Somali

Project-Based Learning

DevOps & AI Integration

Your Learning Journey

AI-Powered SaaS with Next.js, Typescript, Prisma & OpenAI

Graphic Design Masterclass | Beginners Guide to Adobe Photoshop CC

Step By Step Data Visualization Using Tableau 2024

Advanced Portrait Retouching Course

React Master Class with Redux, Hooks, Firebase, Tailwind css, GraphQL

Waa Maxay Reverse Engineering, Sideese Loo Adeegsadaa

Waa Maxay MIT License, Maxaase Aan U Doortaa

10-ka Programming Languages Ugu Fiican 2025

Sidee Loo Noqdaa Ethical Hacker

Waa Maxay Computer Science

React Master Class with Redux, Hooks, Firebase, Tailwind css, GraphQL

What You'll Learn

Course Curriculum

Intrduction

React Core Concepts

React Hooks

Mini Social Media App

Ecommerce Application

Implementing Evc Sahal and Zaad Payments

Git Github Crash Course And Deployment

Mss Somali (Master Redux) With Sass

Netflix Clone With Tailwind CSS & Firebase

Full Stack React With Graphql And Styled Component | Hasura Dashboard

Full Stack React With GraphQL And Styled Component | Building Real Time App

Course Features

Full Stack SoftwareEngineer + AIMentorship Program

Next Batch Starts

Class Size

Comprehensive Curriculum

Real Mentorship in Somali

Project-Based Learning

DevOps & AI Integration

Your Learning Journey

Full Stack Software
Engineer + AI
Mentorship Program