Ali Dragma

About me

Works

Minecraft clone

This project is a clone of the Minecraft that I built using react-three library.

3d
game design
complex animations

2023#html#css#javascript#typescript#react.js#react-three#tailwindcss

Reddit Clone web app

This project is a responsive Reddit clone web application that features authentication and CRUD functionality for communities, posts, and comments.

CRUD
Fully functional

2023#html#css#javascript#typescript#react.js#next.js#recoil#firebase

Preview Repository

frontend mentor challenges

I converted design files into fully functional apps

multi-step form
result summary component

2023#html#css#javascript#typescript#react.js#next.js

Preview Repository

My Posts & Videos

SSH Tutorial (+ Deploy a REACT app on a server using NGINX)

SSH or Secure SHell is a protocol like HTTP or FTP that allows you to run commands on a server. In this video, I will talk about SSH, what it is, how it's working, how you can use SSH on Windows or Mac, and how to share files using ssh between servers and clients and I will show you how to generate ssh-keys with different types and use them to connect to a server and push a react project to GitHub, and at the end, we will deploy our react app with Nginx on a digital ocean droplet(VPS)

HTML Complete Crash Course for Beginners - 2022

HTML or HyperText Markup Language is a standard that allows you to put text, images, buttons, and forms on your page in a format that browsers can understand. In this course, I'll start from the basic concepts of HTML all the way to creating a shopping cart page using only HTML!

Git Cherry-Pick || Cherry-Pick vs Merge Squash

Imagine you want to bring some changes from another branch into your current branch, but you don't want to merge them. So, one way is to squash the commit you want from that branch to your current branch, but another way is to cherry-pick the commit! In this video, I'll show you how to cherry-pick commits and what's the difference between cherry-picking and squashing commits!