Skip to content

aautoruns/galihazellaa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Galih Azella Firdaus Portfolio

Codacy Badge Top Language Badge

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 🖥️

image

Mobile Best Practice 📱

image

Technologies used in the project 💻

node javaScript HTML TailwindCSS

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. portfolio_demo

Releases

No releases published

Packages

No packages published

Languages