Skip to content

RafaDev95/air-bnb-clone-next13

Repository files navigation

Airbnb Clone!

Tecnologias usadas:

  • NextJS 13
  • Prisma
  • MongoDB
  • TailwindCss
  • NextAuth
  • Typescript

Pacotes fundamentais:

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).

Como executar o projeto

  • Clone este repositório.
  • Execute o comando npm install ou yarn 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 ou yarn dev para iniciar em desenvolvimento.
  • Abra seu navegador e acesse http://localhost:3000.

EN-US


Used Tecnologies:

  • NextJS 13
  • Prisma
  • MongoDB
  • TailwindCss
  • NextAuth
  • Typescript

Core packages:

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.

How to execute the project:

  • Clone this repository.
  • Run the yarn or npm 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 or yarn dev to start in development mode.
  • Open your browser and access http://localhost:3000.