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

https://github.com/rjohnpaul/qwickpizza

A Next JS Powered Food Menu Website with React Hooks along with TailwindCSS and PrelineUI
https://github.com/rjohnpaul/qwickpizza

nextjs portfolio preline reactjs tailwindcss

Last synced: 3 months ago
JSON representation

A Next JS Powered Food Menu Website with React Hooks along with TailwindCSS and PrelineUI

Awesome Lists containing this project

README

        

# QwickPizza
![Portfolio Banner](https://github.com/RJohnPaul/QwickPizza/blob/2a5cd7d304a9a77a97a93f2a7c988770f979d9d9/banner_pizza.png)

QwickPizza is a delightful pizza-themed website built with React, Next.js, Tailwind CSS, and Preline UI. It's not just any ordinary pizza site; it showcases a wide variety of pizza options and even lets you count your pizza orders! 🍕🍕🍕

## Features

- **Mouthwatering Pizza Showcase**: Explore a tempting array of pizza varieties from around the world.

- **Interactive Pizza Counters**: Keep track of your pizza orders with interactive plus and minus buttons for each pizza.

- **Stunning Gradients**: The site boasts beautiful gradient backgrounds for that extra visual appeal.

## Technologies Used

- React: Building interactive and dynamic user interfaces.

- Next.js: Enhancing performance and SEO with server-side rendering.

- Tailwind CSS: Styling the site with a utility-first approach.

- Preline UI: Incorporating a pre-designed UI for an elegant look.

## Getting Started

1. **Clone the Repository**:

```bash
git clone https://github.com/RJohnPaul/QwickPizza.git

2. Install project dependencies:

- ```bash
cd QwickPizza
npm install

## Usage

1. Start the Expo development server:
```bash
npm run dev

2. You will see the Food Menu displayed. Enjoy!
## Customization
Feel free to modify the app to suit your needs. You can change the text, experiment with styling , or add more components and features.
## Resources

- [React](https://react.dev/)

- [Next.js](https://nextjs.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- [Preline UI](https://preline.co/index.html)