https://github.com/rickreisme/japacasa

Um site de delivery para um restaurante de comida japonesa, desenvolvido com React no frontend e Node.js no backend.
https://github.com/rickreisme/japacasa

api-rest bootstrap html japanese-food preetier react react-helmet-async react-hooks react-icons react-router-dom reactjs restaurant-website rickreis rickreisme sass scss typescript vite vitejs vitereact

Last synced: about 1 month ago
JSON representation

Um site de delivery para um restaurante de comida japonesa, desenvolvido com React no frontend e Node.js no backend.

• Host: GitHub
• URL: https://github.com/rickreisme/japacasa
• Owner: rickreisme
• Created: 2023-10-31T00:44:00.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-22T00:32:11.000Z (2 months ago)
• Last Synced: 2024-10-22T22:14:38.928Z (2 months ago)
• Topics: api-rest, bootstrap, html, japanese-food, preetier, react, react-helmet-async, react-hooks, react-icons, react-router-dom, reactjs, restaurant-website, rickreis, rickreisme, sass, scss, typescript, vite, vitejs, vitereact
• Language: TypeScript
• Homepage: https://japacasa.vercel.app
• Size: 38 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JapaCasa!

O **JapaCasa!** se trata de um site de delivery para um restaurante de comida japonesa, desenvolvido com **React** no frontend e **Node.js** no backend. O projeto, que parecia simples inicialmente, acabou se revelando uma experiência extremamente enriquecedora na minha jornada como desenvolvedor.

## Visão Geral

Para criar a identidade visual do JapaCasa, escolhi cores que fazem referência à bandeira do Japão, mas que também são coerentes com a estética dos restaurantes de comida japonesa. Esse design visa proporcionar uma experiência visualmente agradável e imersiva para os usuários.

O cardápio do site é alimentado por uma API desenvolvida com **Node.js** e **Express**, hospedada no [Render](https://render.com).

## Tecnologias Utilizadas

-   **Vite**: Ferramenta de construção rápida para desenvolvimento moderno.

-   **React**: Biblioteca para construção da interface (incluindo Context API, Router e Hooks).

-   **TypeScript**: Superset do JavaScript que adiciona tipagem estática.

-   **REST API**: Para comunicação entre frontend e backend.

-   **Local Storage**: Para persistência dos dados do usuário e dos pedidos registrados na API.

-   **Node.js**: Ambiente de execução JavaScript no backend.

-   **Express**: Framework para construção de APIs.

-   **Axios**: Cliente HTTP para fazer requisições.

-   **React Query**: Biblioteca para gerenciamento de estado e sincronização de dados.

-   **Bootstrap**: Framework de design para componentes responsivos.

-   **Sass (SCSS)**: Pré-processador CSS para melhor gerenciamento de estilos.

-   **Material UI**: Biblioteca de componentes React para design moderno.

-   **Material Icons**: Conjunto de ícones para melhorar a UI.

-   **React Icons**: Biblioteca para adicionar ícones ao projeto.

-   **React Helmet**: Para gerenciar e manipular a tag `` do HTML.

-   **React Hot Toast**: Biblioteca para exibir notificações toast.

-   **UUID**: Geração de identificadores únicos.

-   **Framer Motion**: Biblioteca para animações e transições em React.

## Imagens

![Home Page JapaCasa](/src/assets/img/japacasa.png)

![Cardápio JapaCasa](/src/assets/img/japacasa2.png)



    

    



---

### Gostou do meu trabalho? Não deixe de conferir os meus outros projetos aqui no [meu GitHub](https://github.com/rickreisme/) e também de dar uma olhada no [meu portfólio](https://rickreisme-portfolio.vercel.app)!