https://github.com/neemiassgc/contact-manager-ui

A web interface built using Subframe, NextJS, Typescript and Auth0. Its purpose is to use an api to manage contacts by performing CRUD operations
https://github.com/neemiassgc/contact-manager-ui

auth0 crud material-icons mui-components nextjs portfolio-frontend react tailwindcss typescript vercel

Last synced: 3 months ago
JSON representation

A web interface built using Subframe, NextJS, Typescript and Auth0. Its purpose is to use an api to manage contacts by performing CRUD operations

• Host: GitHub
• URL: https://github.com/neemiassgc/contact-manager-ui
• Owner: neemiassgc
• License: apache-2.0
• Created: 2024-04-15T02:21:52.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-10-03T05:38:59.000Z (9 months ago)
• Last Synced: 2025-10-03T07:20:45.700Z (9 months ago)
• Topics: auth0, crud, material-icons, mui-components, nextjs, portfolio-frontend, react, tailwindcss, typescript, vercel
• Language: TypeScript
• Homepage: https://contact-manager-ui.vercel.app
• Size: 555 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[README in en-US :us:](https://github.com/neemiassgc/contact-manager-ui/blob/main/README_en-US.md)

## Contact Manager UI

Uma interface web moderna, intuitiva e elegante construída para interagir com a API do projeto [Contact Manager API](https://github.com/neemiassgc/contacts-manager-api) que tem como finalidade gerenciar contatos performando operações CRUD.

![GitHub commit activity](https://img.shields.io/github/commit-activity/t/neemiassgc/contacts-manager-ui)

![Core language](https://img.shields.io/badge/Language-Typescript-3178C6?logo=typescript)

![Core framework](https://img.shields.io/badge/Framework-Nextjs-000000?logo=next.js)

![CSS Framework](https://img.shields.io/badge/Css-Tailwind%20Css-06B6D4?logo=tailwind%20css)

![Authentication](https://img.shields.io/badge/Authentication-Auth0-EB5424?logo=auth0)

![Deployment on Cloud](https://img.shields.io/badge/Deployment-Vercel-000000?logo=vercel)

### Tech stack :gear:

* Subframe - biblioteca de design.

* NextJs

* Typescript

* TaildwindCss

* Auth0 - autenticação e autorização com Oauth2.

* Vercel - para hospedagem.

### Preview no desktop :eyes::computer:



### Preview no mobile :eyes::iphone:



### Demostração :fire:

A aplicação está hospedada na Vercel e pode ser acessada [aqui](https://contact-manager-ui.vercel.app/).  

Utilize um usuário de test para acesso rápido.

|username | password|

| --- | --- |

|me@gmail.com | Pass123@|

### Licença :memo:

Esse projeto está sob a Mit License