https://github.com/vinicciussantos/restaurant-catalog

A dynamic restaurant catalog system built with React and Redux. It automatically adapts to the colors and design of various restaurants, providing a personalized experience for each client. Fully responsive, it ensures a perfect display on any device, from desktops to smartphones.
https://github.com/vinicciussantos/restaurant-catalog

docker radix react react-hook-form react-router-dom redux-toolkit

Last synced: 27 days ago
JSON representation

A dynamic restaurant catalog system built with React and Redux. It automatically adapts to the colors and design of various restaurants, providing a personalized experience for each client. Fully responsive, it ensures a perfect display on any device, from desktops to smartphones.

• Host: GitHub
• URL: https://github.com/vinicciussantos/restaurant-catalog
• Owner: VinicciusSantos
• Created: 2024-06-18T13:44:45.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-06-22T20:20:43.000Z (10 months ago)
• Last Synced: 2025-02-04T22:16:57.797Z (3 months ago)
• Topics: docker, radix, react, react-hook-form, react-router-dom, redux-toolkit
• Language: TypeScript
• Homepage: https://restaurant-catalog-nine.vercel.app
• Size: 603 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Restaurant Catalog

[![wakatime](https://wakatime.com/badge/user/ff0196e9-333f-4913-88d9-32ec5d24a21c/project/07aaf4cb-385a-4804-aa41-eb01a20fb7d4.svg)](https://wakatime.com/badge/user/ff0196e9-333f-4913-88d9-32ec5d24a21c/project/07aaf4cb-385a-4804-aa41-eb01a20fb7d4)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)

![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white)

![Radix UI](https://img.shields.io/badge/radix%20ui-161618.svg?style=for-the-badge&logo=radix-ui&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)

## Instruções para rodar o projeto

### Usando Docker

1. Certifique-se de que você tem o Docker e o Docker Compose instalados em sua máquina.

2. Navegue até o diretório raiz do projeto.

3. Execute o comando:

    ```sh

    docker-compose up

    ```

4. Após o Docker Compose concluir a execução, acesse o projeto no seu navegador através do endereço: [http://localhost:5173](http://localhost:5173).

### Usando npm

1. Certifique-se de que você tem o Node.js e o npm instalados em sua máquina.

2. Navegue até o diretório raiz do projeto.

3. Instale as dependências do projeto com o comando:

    ```sh

    npm install

    ```

4. Compile o projeto com o comando:

    ```sh

    npm run build

    ```

5. Inicie o servidor de pré-visualização com o comando:

    ```sh

    npm run preview

    ```

6. Acesse o projeto no seu navegador através do endereço: [http://localhost:5173](http://localhost:5173).