https://github.com/talissonmelo/easy-image-ui
Projeto de Envio de Imagens e Login - React com Next.js e TypeScript
https://github.com/talissonmelo/easy-image-ui
css formkit html5 javascript nextjs react rest-api router tailwind-css typescript
Last synced: 3 months ago
JSON representation
Projeto de Envio de Imagens e Login - React com Next.js e TypeScript
- Host: GitHub
- URL: https://github.com/talissonmelo/easy-image-ui
- Owner: TalissonMelo
- Created: 2025-01-14T11:16:56.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-23T11:29:30.000Z (5 months ago)
- Last Synced: 2025-01-23T11:32:30.461Z (5 months ago)
- Topics: css, formkit, html5, javascript, nextjs, react, rest-api, router, tailwind-css, typescript
- Language: TypeScript
- Homepage:
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📸 Projeto de Envio de Imagens e Login - React com Next.js e TypeScript
Este projeto foi criado como parte de um aprendizado em **React** utilizando o framework **Next.js** e **TypeScript**, com ferramentas adicionais como **Tailwind CSS** e o **App Router** para garantir uma abordagem moderna no desenvolvimento front-end.
Além disso, o projeto consome uma API REST desenvolvida com Spring Boot e MongoDB, disponível em: https://github.com/TalissonMelo/easy-image.
---
## 🚀 Funcionalidades
- **Upload de Imagens:** Envio de arquivos de imagem com pré-visualização.
- **Autenticação:** Implementação de um sistema de login simples.
- **Design Responsivo:** Utilização de **Tailwind CSS** para criar uma interface moderna e adaptável.
---
## 🛠️ Tecnologias Utilizadas
- **React** e **Next.js**: Construção da interface e renderização do lado do servidor.
- **TypeScript**: Tipagem estática para maior segurança e produtividade.
- **Tailwind CSS**: Framework CSS utilitário para criar layouts rápidos e consistentes.
- **App Router**: Gerenciamento moderno de rotas no Next.js.
---
## 📚 Objetivo
O objetivo deste projeto é explorar os conceitos básicos e intermediários de **React**, **Next.js** e **TypeScript**, com foco em:
1. Gerenciamento de estado.
2. Integração com APIs.
3. Melhores práticas em desenvolvimento front-end.
---
Se precisar de ajuda para adaptar ainda mais ou incluir outros elementos, como capturas de tela ou exemplos de código, é só avisar! 😊