Construction Landing Page

Table of Contents

• Overview
• Screenshot
• Built with
• Install (How it works)
• Development mode
• Production mode
• The Project Structure
• Author

Overview

This is the Construction landing page. The purpose is to improve my coding skills by building realistic projects.

• Design Source(UI): AR SHAKIR

Screenshot

⚙ Built with

Languages & Dependencies

• HTML5
• Tailwind css
• Mobile-first workflow
• JavaScript

Dev Dependencies

• Postcss
• Autoprefixer
• Cssnano
• Cross-env
• Prettier

Install

How it works

Clone the project or download ZIP

git clone https://github.com/Bayoumi-dev/Construction-landing-page.git

You must install Node js on the local machine, then install the dependencies used in this project. Run the command in the root

npm install

Development mode

Start the Tailwind CLI dev process (Can watch files and recompile whenever they change).

npm run dev

Production mode

Start the Tailwind CLI build process to generate the main.css after your changes.

npm run build

The Project Structure

├── .browserslistrc
├── .gitignore
├── .prettierignore
├── package-lock.json
├── package.json
├── postcss.config.js
├── prettier.config.js
├── README.md
├── tailwind.config.js
└── src     
    ├── assets
    ├── js
    │   └── app.js
    ├── style
    │   ├── main.css 
    │   └── tailwind.css
    └── index.html

Author

• Website - bayoumi.dev