YelpCamp | Camping para todos

Registre e conheça acampamentos de todo o mundo.

Landing Page

Página Principal

Página de cadastro

⚙️ Ferramentas Usadas

• HTML
• SCSS modules
• React Js
• React Router
• Firebase

🛠️ Funcionalidades

• Visualizar acampamentos registrados;
• Salvar, excluir e atualizar acampamentos no banco de dados;
• Registro de novos usuários;
• Login de usuários;
• Rotas protegidas para usuários não logados;

📚 Lições Aprendidas

Nesse projeto, exercitei minhas habilidades em React Js construindo uma plataforma Full Stack, com integração a um banco de dados externo. Pela primeira vez, tive contato com a api do Firebase, rotas privadas através do React Router, construção de um sistema com Login e Registro de usuários e com salvamento e resgate de informações em um banco de dados.

🚀 Começando

Fique a vontade para clonar, usar e melhorar o projeto como preferir😄

# Clone este repositório
$ git clone https://github.com/i-am-lucas-almeida/YelpCamp.git

# Acesse a pasta do projeto
$ cd yelpcamp-app

# Instale as dependências
$ npm install

# Execute a aplicação
$ npm start

Após clonar o projeto se atente as instruções:

1. Crie uma conta e adicione um novo projeto em https://firebase.google.com/;
2. Em Configurações do projeto, copie todas as suas chaves privadas;
3. No arquivo .env.example, cole cada uma delas em sua respectiva variável (⚠️ preste muita atenção nessa etapa!);
4. Renomeie o arquivo para .env;