Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hungpm372/coffee-style-ui
Coffee template ui
https://github.com/hungpm372/coffee-style-ui
css3 firebase-hosting html5 js liveserver postcss tailwindcss
Last synced: 16 days ago
JSON representation
Coffee template ui
- Host: GitHub
- URL: https://github.com/hungpm372/coffee-style-ui
- Owner: hungpm372
- License: mit
- Created: 2024-01-29T10:29:37.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-05-06T20:16:14.000Z (9 months ago)
- Last Synced: 2024-11-10T16:51:07.476Z (2 months ago)
- Topics: css3, firebase-hosting, html5, js, liveserver, postcss, tailwindcss
- Language: HTML
- Homepage: https://coffee.phanminhhung.id.vn
- Size: 37.1 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Coffee HTML Tailwind Template
## Introduction
The Coffee HTML Tailwind Template project is a ready-to-use template for developing websites using CoffeeStyle, HTML, and Tailwind CSS. This template helps you get started quickly with a pre-configured structure and integration of popular technologies.
## Installation
1. **Clone the project:**
```bash
git clone https://github.com/hungpm372/coffee-style-ui
```
2. **Navigate to the project directory:**
```bash
cd coffee-style-ui
```
3. **Install dependencies:**
```bash
npm install
```
## Usage
### Development
1. **Run the development server:**
```bash
npm run dev
```
2. Open your browser at `http://localhost:3000` to view your website during development. The website will automatically refresh when you make code changes.
### Build (Production)
1. **Build the website:**
```bash
npm run build
```
2. The built website will be in the `public` directory. You can deploy it on any suitable platform.
## Directory Structure
- `public`: Contains the main source code of the project.
- `assets`: Resources such as images, fonts are stored here.
- `scripts`: CoffeeStyle source code.
- `styles`: CSS and Tailwind CSS source code.
- `index.html`: Main page of the application.
- `tailwind.config.js`: Tailwind CSS configuration.
## Customization
- Customize the homepage in `public/index.html`.
- Change the Tailwind CSS configuration in `tailwind.config.js`.
- Customize and add your CoffeeStyle, HTML, CSS source code in the `src` directory.
## Contribution
If you want to contribute to the project, open an issue or create a pull request. We welcome community contributions.
## Copyright and License
The project is released under the [MIT License](LICENSE). You are free to use, copy, modify, and distribute the project under this license.