/internet-segura

Projeto full stack sobre segurança online para crianças.

Primary LanguageJavaScript

Internet-segura 🔐

Texto Alternativo

🚀📋 Sobre:

Internet-segura 🔐 Esse foi um projeto desenvolvido por mim ,Jeferson Gomes, foi baseado na modelagem do meu projeto de TCC, denominado "Internet Segura". Após a conclusão do curso, levei a ideia adiante e desenvolvi um website dedicado a abordar os riscos online enfrentados por crianças e adolescentes, oferecendo dicas práticas para garantir uma navegação mais segura.

Confira o resultado aqui: Internet Segura:

🛠️ Construído com:

  • Node.js
  • Express.js
  • Docker
  • Express.js
  • PostgreSQL
  • ESLint
  • React.js
  • React Router Dom
  • Axios

Back End:

Recursos

Servidor: 💻

  • Desenvolvido com Express.js.
  • Utiliza o módulo body-parser para análise de requisições.
  • Possui configuração para CORS habilitado.
  • Utiliza o pacote dotenv para gerenciamento de variáveis de ambiente.

Banco de Dados:

  • Suporte para PostgreSQL (via pacote pg)
  • Configurações para migrações e seeds.

Scripts NPM:

  • start: Inicia o servidor.
  • dev: Inicia o servidor usando nodemon para desenvolvimento.
  • lint: Executa linting usando ESLint.

Instalação Local e Uso 📖:


# Clone este repositório
$ git clone git@github.com:jefersongjr/internet-segura

# navegue até a pasta do projeto back end

# Instale as dependências.
$ npm install

# Realize migrações do banco de dados.
$ npm run migration

#Popule o banco de dados com dados iniciais.
$  npm run seed

# Inicie o servidor
$ npm start

Front End:

Recursos

Desenvolvimento:

  • Desenvolvido com React.js e Vite para construção eficiente.
  • Utiliza o Vite para o ambiente de desenvolvimento.
  • Scripts NPM para construção, pré-visualização e linting.

Estilo e Linting:

  • Utiliza o Stylelint para linting de estilos.
  • Configuração ESLint para linting de JavaScript e React.

Dependências Principais:

  • Axios para requisições HTTP.
  • React e React Router Dom para construção da interface do usuário.

Scripts NPM:

  • dev: Inicia o servidor de desenvolvimento usando Vite.
  • build: Constrói a aplicação para produção.
  • preview: Pré-visualiza a versão de produção localmente.
  • int:styles: Executa linting de estilos usando Stylelint.
  • Executa linting de JavaScript e React usando ESLint.

Instalação Local e Uso 📖:


# Clone este repositório
$ git clone git@github.com:jefersongjr/internet-segura

# Acesse a pasta do projeto
$ navegue até a pasta do projeto front end

# Instale as dependências.
$ npm install

# Execute o front end:
$ npm run dev


Contribuição 🧑‍🤝‍🧑:

Sinta-se à vontade para contribuir! Abra issues para relatar problemas ou envie pull requests ( os pull requests devem começar com "feature-) com melhorias. Toda colaboração é bem-vinda!