Galih Azella Firdaus Portfolio

Getting Started 🚀

What is Tailwind CSS? 🌬️

Tailwind CSS is basically a utility-first CSS framework for rapidly building custom user interfaces. It is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

Why Tailwind CSS? 🎨

Faster UI building process It is a utility-first CSS framework which means we can use utility classes to build custom designs without writing CSS as in the traditional approach.

Advantages of Tailwind CSS: 🍃

• No more silly names for CSS classes and Id’s.
• Minimum lines of Code in CSS file.
• We can customize the designs to make the components.
• Makes the website responsive.
• Makes the changes in the desired manner.
• CSS is global in nature and if make changes in the file the property is changed in all the HTML files linked to it. But with the help of Tailwind CSS we can use utility classes and make local changes.

Page Speed Test 💨

Desktop Best Practice 🖥️

Mobile Best Practice 📱

Technologies used in the project 💻

Installation 📐

If you want to copy my portfolio, please follow these steps. These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

    # Clone the repository
    $ git clone https://github.com/aautoruns/galihazellaa

    # Move into the repository
    $ cd galihazellaa

    # Remove the current origin repository
    $ git remote remove origin

After that, install all Node package for this project

    # Install Tailwind Module
    $ npm install -D tailwindcss

    # Install Typed Module
    $ npm install typed.js

    # Install Flowbites Module
    $ npm i flowbite

Preview 👁️

Then in your text editor click `Run` to see the portfolio locally. It should look like the below screenshot.