https://github.com/iyousefibrahim/tailwindcss-training
This project is to help me to get hands-on experience with Tailwind CSS and Angular v17. The goal is to practice and learn how to use Tailwind CSS effectively.
https://github.com/iyousefibrahim/tailwindcss-training
angular css html5 javascript tailwindcss typescript
Last synced: 5 months ago
JSON representation
This project is to help me to get hands-on experience with Tailwind CSS and Angular v17. The goal is to practice and learn how to use Tailwind CSS effectively.
- Host: GitHub
- URL: https://github.com/iyousefibrahim/tailwindcss-training
- Owner: iyousefibrahim
- Created: 2024-08-04T07:02:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-04T07:04:22.000Z (almost 2 years ago)
- Last Synced: 2025-05-18T22:13:45.844Z (about 1 year ago)
- Topics: angular, css, html5, javascript, tailwindcss, typescript
- Language: HTML
- Homepage: https://tailwind-css-training.vercel.app
- Size: 2.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TailwindCSSTraining
## Overview
This project is to help me to get hands-on experience with Tailwind CSS and Angular v17. The goal is to practice and learn how to use Tailwind CSS effectively.
This project follows the tutorial from [this video](https://youtu.be/9Px2cwdQ8PM?si=dCMEdF2e0YltAPrz).
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
## Features
- **Utility-first CSS**: Leverage the power of Tailwind CSS utility classes to build responsive, mobile-first interfaces without writing custom CSS.
- **Angular v17**: Use Angular v17 for building and managing the application's components.
- **Remix Icon**: Integrate Remix Icon for a variety of iconography needs.
- **Components**:
- **Nav**: Navigation bar
- **Hero**: Hero section
- **Author**: Author section
- **Footer**: Footer section
## Technologies Used
- **Angular v17**: A platform for building mobile and desktop web applications.
- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom designs.
- **Remix Icon**: A set of open-source neutral-style system symbols.