Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/vinicciussantos/restaurant-catalog
Owner: VinicciusSantos
Created: 2024-06-18T13:44:45.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-06-22T20:20:43.000Z (6 months ago)
Last Synced: 2024-06-23T21:10:36.130Z (6 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).