An open API service indexing awesome lists of open source software.

https://github.com/victorbravim/cofty

Template Coffee Page
https://github.com/victorbravim/cofty

cafe coffee new nextjs page taiwlindcss template typescript

Last synced: 7 months ago
JSON representation

Template Coffee Page

Awesome Lists containing this project

README

          

# ☕ Cofty

![image 14](https://github.com/VictorBravim/Cofty/assets/122113588/fa315ec5-366c-41c1-89f3-21b0b4b8503e)

## 🚀 Overview

Cafty is a modern and elegant website template for a coffee house. The project is built using React with Next.js for server-side rendering and Tailwind CSS for styling. The template includes several sections such as Home, Products, About, Promotions, and Contact, each designed to provide a smooth and engaging user experience.

## 📋 Requirements

- [Node.js](https://nodejs.org/en/) (version 12 or higher)
- [npm](https://www.npmjs.com/) (version 6 or higher) or [yarn](https://yarnpkg.com/)

## 🔧 Installation

1. Clone the repository:

```
git clone https://github.com/VictorBravim/Cofty.git
```

2. Navigate to the project directory:

```
cd Cofty
```

3. Install the dependencies:

```
npm install
or
yarn install
```

4. Run the development server:

```
npm run dev
```

## 🛠️ Project Structure

- **Nav.tsx:** Navigation bar with links to different sections of the website.
- **Hero.tsx:** Hero section with a background image and introductory text.
- **Cards.tsx:** Displays product cards with images and brief descriptions.
- **About.tsx:** About section providing information about the coffee house.
- **Promo.tsx:** Promotional section with a background image.
- **Produto.tsx:** Products section listing different coffee products available for purchase.
- **Contato.tsx:** Contact section with a form for users to reach out.

## 📄 License

- This project is licensed under the [MIT License](LICENSE).