loader image

Azaber Portfolio

azaber logo

Github Desktop Site Remake

Remake of GitHub Desktop’s site made with Tailwind CSS for styling and responsiveness and React JS for reusable UI components.

Tech stack

The Goal

This project was just for testing out what is it like to use Tailwind CSS.

I chose to remake Github Desktop’s site because it is one of my favourite applications

Github Desktop Remake

My process

Design

The UI/UX was already made for me because this is a remake. I did however need to plot and plan out each UI component, what they will be, props etc.

Adjust for Mobile

After making it look good for desktop I have to implement mobile responsiveness with Tailwind media queries.

Refine

Some polishing up, making more use of Tailwind  and removing duplicate code.

The Result

I have successfully remade GitHub Desktop’s landing page with Tailwind and have come to the conclusion it is a good viable option for most projects. I would not recommend though for projects that do not make use of reusable UI components because future edits can be a nightmare.

Github Desktop Remake Desktop
Github Desktop Remake Mobile