- NextJS 13
- Prisma
- MongoDB
- TailwindCss
- NextAuth
- Typescript
Breve explicação sobre a importância destes 4 pacotes
W-C (world-countries ) fornece as informações necessárias de todos os países (de acordo com a ISO_3166-1).
react-select é usado para criar um input do tipo select, permitindo selecionar qualquer um dos países que são forncedidos pelo W-C.
react-leaflet fornece um belo mapa que pode ser bem utilizado com as informações do W-C, além de um marcador. (componente Marker).
- Clone este repositório.
- Execute o comando
npm install
ouyarn
para instalar as dependências do projeto. - Crie uma conta, caso não tenha, no MongoDB
- Configure a conexão com o banco de dados MongoDB no arquivo
.env.local
. - Execute o comando
npm run dev
ouyarn dev
para iniciar em desenvolvimento. - Abra seu navegador e acesse http://localhost:3000.
- NextJS 13
- Prisma
- MongoDB
- TailwindCss
- NextAuth
- Typescript
Short explanation about importance of these packages
W-C (world-countries ) provies the necessary informations about all countries (as defined by ISO_3166-1).
react-select is used to create a input type select, allowing select any country that are provided by W-C
react-leaflet provides a nice map that can be used with the W-C informations, and an Marker Component.
- Clone this repository.
- Run the
yarn
ornpm install
to install the project dependencies. - Create an account in MongoDB, if you don't have one.
- Configure the MongoDB database connection in the
.env.local
file - Run the
npm run dev
oryarn dev
to start in development mode. - Open your browser and access http://localhost:3000.