https://github.com/aureliodeboa/photo-gallery
Galeria de fotos desenvolvido com React e Next
https://github.com/aureliodeboa/photo-gallery
next nextjs react reactjs tailwind tailwindcss typescript
Last synced: 4 months ago
JSON representation
Galeria de fotos desenvolvido com React e Next
- Host: GitHub
- URL: https://github.com/aureliodeboa/photo-gallery
- Owner: aureliodeboa
- Created: 2024-01-14T21:22:21.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-15T13:47:51.000Z (over 2 years ago)
- Last Synced: 2025-01-11T18:32:29.507Z (over 1 year ago)
- Topics: next, nextjs, react, reactjs, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://master--splendorous-toffee-5ff0b6.netlify.app/
- Size: 23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Photo Gallery
Uma aplicação de galeria de fotos totalmente responsiva desenvolvida com React, Next.js, TypeScript e Tailwind CSS.
## Descrição
O **Photo Gallery** é uma aplicação de galeria de fotos que oferece aos usuários uma experiência envolvente para visualizar e navegar por uma coleção de imagens. Utilizando tecnologias modernas, como React para a construção da interface do usuário, Next.js para a renderização do lado do servidor, TypeScript para adicionar tipagem estática e Tailwind CSS para estilização responsiva, este projeto visa proporcionar uma solução eficiente e atraente para compartilhar imagens.
## Funcionalidades Principais
- **Visualização de Imagens:** Os usuários podem explorar imagens em um layout de galeria atraente.
- **Navegação Intuitiva:** A navegação é simplificada, permitindo que os usuários transitem facilmente entre as imagens.
- **Responsividade:** A aplicação é completamente responsiva, proporcionando uma experiência de usuário consistente em dispositivos de diferentes tamanhos.
## Pré-requisitos
Certifique-se de ter o Node.js e o npm instalados em sua máquina.
```bash
# Instale as dependências
npm install
```
## Executando a Aplicação
```bash
# Inicie o servidor de desenvolvimento
npm run dev
```
Acesse [http://localhost:3000](http://localhost:3000) em seu navegador para visualizar a aplicação.
## Estrutura do Projeto
A organização da estrutura de diretórios do projeto visa facilitar a manutenção e a expansão.
```plaintext
|-- src/
| |-- app/
| |-- components/
| |-- data/
| |-- types/
|-- public/
| |--assets/
| |--images/
|-- tsconfig.json
|-- tailwind.config.js
|-- ...
```
- **src/components:** Contém componentes React reutilizáveis.
- **src/app:** Páginas globais da aplicação construídas com Next.js.
- **src/data** Dados das imagens.
- **src/types** Contém os types reutilizáveis.
- **public:** Armazena arquivos estáticos, como imagens.
## Licença
Este projeto está licenciado sob a [Licença MIT](LICENSE).