- Overview
- Screenshot
- Built with
- Install (How it works)
- Development mode
- Production mode
- The Project Structure
- Author
This is a solution to the Product preview card component. The purpose of this challenge is to improve my coding skills by building realistic projects.
- HTML5
- Tailwind css
- Mobile-first workflow
- Prettier
Clone the project or download ZIP
git clone https://github.com/Bayoumi-dev/Product-preview-card-component.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
Start the Tailwind CLI dev process (Can watch files and recompile whenever they change).
npm run dev:css
Start the Tailwind CLI build process to generate the output.css
after your changes.
npm run build:css
├── .prettierignore
├── package-lock.json
├── package.json
├── prettier.config.js
├── README.md
├── style-guide.md
├── tailwind.config.js
├── design
└── src
├── assets
├── style
│ ├── input.css
│ └── output.css
└── index.html
- Website - bayoumi.dev
- Frontend Mentor - @Bayoumi-dev