🚀 DevSushi

DevSushi é um projeto que criei para treinar minhas habilidades em desenvolvimento de forma prática e divertida. A ideia é unir o aprendizado de programação com a paixão pela culinária japonesa que eu tenho, criando uma plataforma interativa que me ajude a crescer enquanto desenvolvo algo bacana.

A interface do DevSushi foi projetada para ser moderna e responsiva, oferecendo uma navegação suave e intuitiva em qualquer dispositivo. Cada detalhe foi pensado para proporcionar uma experiência prática de desenvolvimento, ao mesmo tempo que traz um pouco da cultura gastronômica do Japão.

---

📌 Recursos

Páginas:

• Interface responsiva otimizada para diferentes dispositivos.

Notificações:

• Notificações em tempo real para interações e atualizações importantes, utilizando React Toastify.

Componentização:

• Uso de componentes reutilizáveis para promover organização e escalabilidade.

Estilização Eficiente:

• TailwindCSS para uma estilização rápida e responsiva.

---

🛠 Tecnologias Utilizadas

• React: Biblioteca para construção de interfaces de usuário.
• Vite: Ferramenta moderna e rápida para build e desenvolvimento.
• TailwindCSS: Framework de CSS para estilização rápida e responsiva.
• React Router DOM: Gerenciamento de rotas para navegação entre as páginas.
• React Icons: Biblioteca para ícones vetoriais.
• React Toastify: Biblioteca para notificações fáceis de integrar e personalizar.
• React Framer Motion: Animações fluidas e interativas.

---

📂 Estrutura do Projeto

DevSushi/
├── public/
├── src/
│   ├── assets/             # Recursos estáticos (imagens, fontes, etc.)
│   ├── components/         # Componentes reutilizáveis
│   ├── pages/              # Páginas principais
│   │   ├── Menu.jsx        # Página principal
│   │   ├── Contato.jsx     # pagina de conatos do restaurante
│   │   ├── Politic.jsx     # politica de privacidade do site
│   ├── routes/             # Configuração de rotas
│   ├── App.jsx             # Componente principal do aplicativo
│   ├── main.jsx            # Ponto de entrada do React
├── vite.config.js          # Configuração do Vite
├── package.json            # Dependências e scripts do projeto
└── README.md               # Documentação do projeto

---

📦 Instalação e Execução

1. Clone o repositório:

git clone https://github.com/paulocesargit/Dev-Sushi.git
cd devsushi

2. Instale as dependências do projeto:

npm install

3. Execute o projeto:

npm run dev

4. Acesse no navegador:

http://localhost:3000

Obs.: A porta pode variar dependendo da disponibilidade.

---

✨ Funcionalidades

📌 Páginas organizadas:

• Estrutura modular para fácil manutenção e expansão.

📱 Design Responsivo:

• Interface otimizada para desktop e dispositivos móveis.

🛠 Código bem estruturado:

• Componentização e reutilização eficiente.

Autor

Paulo Cesar

📄 Licença

Este projeto está licenciado sob a MIT License.