contracamilo / react-ts-vite

Concepts Practice

Tip and Check App

This project is a web application built with React and Tailwind CSS. It uses Tailwind for modern, responsive design, and React for a dynamic, fast user experience, created as an exercise implementing an app to manage tips in a restaurant order.

Quick Start Guide

To get started with this project, follow these steps:

Clone the repository to your local machine.

git clone https://github.com/contracamilo/react-ts-vite.git

Install the project's dependencies.

npm install

Start the development server.

npm run dev

About the Project

This project is a web application that calculate tips and create orders for a restaurant It's built with React, a JavaScript library for building user interfaces, and Tailwind CSS, a utility-first CSS framework for rapidly building custom designs.

The project is structured as follows:

├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   └── vite.svg
├── setupTests.ts
├── src
│   ├── App.css
│   ├── App.tsx
│   ├── api
│   │   └── db.ts
│   ├── assets
│   │   └── react.svg
│   ├── components
│   │   ├── Button
│   │   │   ├── Button.spec.tsx
│   │   │   └── Button.tsx
│   │   ├── Layout
│   │   │   ├── MenuContainer.spec.tsx
│   │   │   └── MenuContainer.tsx
│   │   ├── MenuItem
│   │   │   ├── MenuItem.spec.tsx
│   │   │   └── MenuItem.tsx
│   │   ├── header
│   │   │   ├── Header.spec.tsx
│   │   │   └── Header.tsx
│   │   └── index.ts
│   ├── hooks
│   ├── index.css
│   ├── main.tsx
│   ├── types
│   │   ├── dataSchema.ts
│   │   └── index.ts
│   └── vite-env.d.ts
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts