Skip to content

ffelixlucas/fullstack-journey

Repository files navigation

Fullstack Journey

Uma jornada completa no desenvolvimento full stack que une teoria e prática para construir aplicações web modernas e escaláveis. Este projeto serve como guia de estudo e portfólio, demonstrando a evolução de um código simples para uma aplicação robusta e profissional.


Índice


Visão Geral

O Fullstack Journey documenta uma trajetória completa no desenvolvimento full stack, integrando teoria e prática para ensinar desde os fundamentos do frontend (HTML, CSS, JavaScript) até a construção de um backend robusto com Node.js e Express. O projeto também abrange a integração com bancos de dados, autenticação, segurança e deploy, sempre seguindo as melhores práticas de codificação e versionamento.


Objetivos

  • Aprendizado Profundo:
    Consolidar os conceitos essenciais do desenvolvimento web moderno.

  • Boas Práticas:
    Adotar padrões de código, organização profissional e versionamento eficaz.

  • Portfólio Real:
    Desenvolver uma aplicação completa que demonstre competências full stack.

  • Colaboração e Deploy:
    Aprender a utilizar Git, GitHub e ferramentas de CI/CD para um fluxo de trabalho colaborativo e de qualidade.


Tecnologias

Frontend

  • HTML5: Estrutura semântica e acessível.
  • CSS3: Flexbox, Grid e Media Queries para layouts responsivos.
  • JavaScript: ES6+ e recursos modernos.

Versionamento

  • Git e GitHub

Backend (planejado para etapas futuras)

  • Node.js e Express.js
  • Banco de Dados: MySQL, PostgreSQL ou MongoDB.
  • ORMs: Sequelize ou Prisma.

Deploy e CI/CD (planejado)

  • Ferramentas como Vercel, Netlify, Railway, entre outras.

Estrutura do Projeto

fullstack-journey/
├── README.md          # Documentação do projeto
├── .gitignore         # Arquivos e pastas a serem ignorados pelo Git
├── landing-page-profissional/
├── contador/
├── caixinha-de-tarefas/
└── (demais módulos serão adicionados)

🧩 Projetos da Jornada

Cada projeto abaixo representa um estágio da minha evolução como desenvolvedor Full Stack, sempre com foco em aprendizado progressivo, código limpo e boas práticas de mercado.

Projeto Descrição
Landing Page Profissional Estrutura semântica em HTML5, CSS com variáveis e foco em SEO
Contador Interativo Lógica com JavaScript puro, manipulação de DOM e refatoração progressiva
Caixinha de Tarefas Lista de tarefas dinâmica com criação, edição e exclusão via DOM

Instalação e Execução

Requisitos

  • Git
  • Node.js (versão LTS recomendada)

Passos

  1. Clone o repositório:
    git clone https://github.com/ffelixlucas/fullstack-journey.git
  2. Acesse o diretório do projeto:
    cd fullstack-journey
  3. Abra o projeto:
    Utilize seu editor de código favorito e visualize os arquivos HTML no navegador.

Instruções adicionais para execução do backend, testes e deploy serão adicionadas conforme o projeto evolui.


Fluxo de Trabalho com Git

Adotamos práticas profissionais de versionamento:

  • Commits:
    Utilize mensagens claras e descritivas (ex.: feat: adiciona header com navegação).

  • Branching:
    Crie branches específicas para novas funcionalidades (ex.: feature/nome-da-funcionalidade) e utilize pull requests para revisar as mudanças antes de mesclar na branch principal.

  • Integração Contínua:
    Planejamos integrar ferramentas de CI/CD para automatizar testes e deploy, garantindo um fluxo de trabalho eficiente e profissional.


Roadmap

  1. Setup Inicial:
    Estrutura básica com HTML, CSS e JavaScript.
  2. Aprofundamento em JavaScript:
    Implementação de conceitos modernos (ES6+, modularização, etc.).
  3. Integração com Git/GitHub:
    Práticas avançadas de versionamento e colaboração.
  4. Desenvolvimento Backend:
    Criação de APIs RESTful com Node.js e Express.
  5. Banco de Dados:
    Integração com banco de dados e utilização de ORMs.
  6. Autenticação e Segurança:
    Implementação de login seguro com JWT e criptografia.
  7. Deploy e CI/CD:
    Configuração de deploy automático e integração contínua.

Contribuição

Contribuições são muito bem-vindas!

Para colaborar:

  1. Faça um fork deste repositório.
  2. Crie uma branch para sua funcionalidade:
    git checkout -b feature/nome-da-funcionalidade
  3. Realize commits com mensagens claras e objetivas.
  4. Envie sua branch para o repositório remoto:
    git push origin feature/nome-da-funcionalidade
  5. Abra um Pull Request para revisão.

Licença

Distribuído sob a Licença MIT. Consulte o arquivo LICENSE para mais detalhes.


Contato

Lucas Fanha Felix@ffelixlucas
Email: [email protected]

About

fullstack-journey: Uma jornada completa no desenvolvimento full stack, combinando teoria e prática. Aprendendo a construir aplicações web modernas e escaláveis com HTML, CSS, JavaScript, Git, Node.js, Express e mais. Um guia prático e portfólio para aprimorar minhas habilidades profissionais.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors