Image Upload Usingn Next Supabase

Interface do Projeto (UI) 🎨

O design do projeto foi elaborado no Figma, com foco em uma experiência de usuário intuitiva e responsiva. Confira o layout do projeto aqui.

Tecnologias Utilizadas 👩‍💻

Este projeto foi construído com o uso de tecnologias modernas para desenvolvimento web, garantindo uma aplicação rápida, segura e escalável. As principais tecnologias incluem:

• Next.js: Um framework React para produção que garante sites estáticos e renderizados no servidor.
• Tailwind CSS: Uma ferramenta de utilidade CSS para estilizações rápidas e responsivas.
• TypeScript: Um superset de JavaScript que adiciona tipagem estática, melhorando a segurança e a legibilidade do código.
• Supabase: Uma alternativa open-source ao Firebase, oferecendo funcionalidades de back-end como autenticação e banco de dados em tempo real.
• React-Toastify: Uma biblioteca para adicionar notificações personalizáveis e elegantes à sua aplicação React.

Visualizando o Projeto

Para acessar o projeto localmente, abra http://localhost:3000 em seu navegador após seguir os passos de instalação abaixo.

Como Utilizar

Para clonar e executar esta aplicação, você precisará do Git e do Node.js (que vem com npm) instalados no seu computador. Siga os passos abaixo a partir do seu terminal:

# Clonar este repositório
git clone git@github.com:DanielSiilva/image_upload_nextjs_supabase.git

# Entrar no diretório do projeto
cd seu-nome-do-projeto

# Instalar as dependências
npm install
# ou, se preferir usar Yarn
yarn
# ou, para quem usa pnpm
pnpm install

# Executar o projeto
npm run dev
# ou, se estiver usando Yarn
yarn dev
# ou, com pnpm
pnpm dev