DugsiiyeDugsiiye
HomeMentorshipCoursesBlogAboutContact
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

Mohamud Osman

Instructor

40% OFF

$40

$24

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
more on reducers23:37
more on reducers part two18:55

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
Register Data Mutation12:51
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
40% OFF

$40

$24

Starting from

Batch 4 Now Open
Limited Seats Available

Full Stack Software
Engineer + AI
Mentorship Program

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

Limited Seats Available for Batch 4

Next Batch Starts

Enrollment Open Now

Class Size

Limited to 50 Students

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
Batch 4 Enrolling
100% in Somali
DugsiiyeDugsiiye

Transforming tech education for Somali learners—Ku baro barnaamijyada Coding-ka Iyo IT-ga (Af-Soomaali).

YouTubeGitHubWhatsAppFacebookTwitterLinkedIn

Quick Links

  • Courses
  • Mentorship
  • Blog
  • About Us
  • Contact
  • FAQ
  • Testimonials

Full-Stack Software Engineer Mentorship (Af-Soomaali)

Learn full-stack development—from front-end to AI—while receiving direct mentorship, Somali-taught lessons, and real-world projects.

Learn More

Popular Courses

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

12.8 hours0

Graphic Design Masterclass | Beginners Guide to Adobe Photoshop CC

2.9 hours0

Step By Step Data Visualization Using Tableau 2024

1.3 hours0

Advanced Portrait Retouching Course

3.9 hours0

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

28.3 hours0
View All Courses

Resources

  • Privacy Policy
  • Terms of Service
  • Cookie Policy
  • Refund Policy

Latest Articles

Waa Maxay MIT License, Maxaase Aan U Doortaa

January 14, 2025

10-ka Programming Languages Ugu Fiican 2025

January 14, 2025

Sidee Loo Noqdaa Ethical Hacker

January 14, 2025

Waa Maxay Computer Science

January 14, 2025

Waa Maxay Programming Language

January 14, 2025
Read More Articles

© 2025 Dugsiiye. All rights reserved.

Proudly Engineered within Somalia