Memorize é um projeto sobre um site de Flashcards, o qual foi produzido com o intuito de juntar um time e construir um projeto completo, tanto no login, registro, Interface de Usuário (UI) e Experiência do Usuário (UX) quanto na análise de mercado. Durante o planejamento sua proposta foi que fosse fácil de usar, rápido de revisar, prático e eficiênte, para isso além de toda a interface simples também foi criado um algoritmo de revisão que vai ordenar os cards pela ordem de prioridade de revisão.
Nesse capitulo vamos te mostrar como rodar essa aplicação na sua máquina!
✔️ Você precisa ter o NodeJS 14.17.3 ou superior instalado na sua máquina para a aplicação em geral;
✔️ Você precisa ter o Yarn instalado na sua máquina para iniciar a aplicação em geral;
✔️ Você precisa ter o Git instalado na sua máquina para conseguir baixar o repositório;
✔️ Você precisa ter o Xampp instalado em sua máquina para iniciar o Banco de Dados.
Após já ter completado os pré-requisitos você deverá abrir o terminal/cmd da sua máquina e digitar:
git clone https://github.com/Studio-024/memorize.git
Você tem todos os arquivos que precisa em sua máquina! Agora entre na pasta do projeto e instale as dependências da raiz do projeto:
yarn install
Vamos ligar o servidor primeiro, entre na pasta server e instale as dependências do server:
yarn install
Inicie o banco de dados:
Linux
yarn db:start
Windows
- Abra o XAMPP Control Panel;
- De start nos serviços:
apache
eMySQL
.
Antes de inciar a API, precisamos ter o banco de dados criado.
- Abra o phpMyAdmin;
- Cole o código que está nesta pasta server/scripts/db/all_db_script.sql.
Vamos criar o arquivo .env
na raiz da pasta server.
- Na própria raiz da pasta há um
.env.example
com todas as informações necessárias para conectar com o banco de dados; - Crie o arquivo chamado
.env
e copie e cole as informações do.env.example
substituindo as chaves de acordo com seu banco de dados. - Para encontrar as informações necessárias no phpMyAdmin: Seleciona o banco de dados criado e na parte superior da tela selecione o campo "privilégios"
Em caso de dúvidas com relação a esta etapa, esse post pode ajudar
Agora você tem que abrir um novo terminal ou cmd pra deixar ele rodando a API:
yarn dev
A API e o banco de dados estão ativados! Agora vamos voltar para a pasta raiz do projeto e entrar na pasta Client e instalar as dependências:
yarn install
Vamos ativar o client agora:
yarn start
Espere um pouco até abrir uma nova aba do seu navegador com a URL http://localhost:3000
ou coloque essa URL direto em seu navegador, espere um pouco e o projeto estará funcionando!
![]() |
![]() |
![]() |
![]() |