/banquinha-de-camisetas

Primary LanguageHTML

Projeto | Banquinha de Camisetas

Visão geral

Projeto em grupo intitulado “Ajude um microempreendedor" desenvolvido ao final do "Módulo 1 - Introdução ao front-end e criação de hábitos" do curso de formação WebDev Full Stack JavaScript da Resilia Educação em parceria com o programa Códigos do Amanhã da EBANX.

Link para o site "Banquinha de Camisetas": http://pudim.me/banquinha-de-camisetas/

Objetivo

O projeto consiste no desenvolvimento de um website com 4 páginas utilizando HTML, CSS e JS. O conteúdo da página é sobre um pequeno negócio, que vende camisetas, com as seguintes seções: “Quem Somos”, “Nossos Produtos”, “Nossa Equipe” e “Formulário de Contato”.

Ferramentas

Este é um projeto exemplo que utiliza várias tecnologias e ferramentas para desenvolvimento web. O objetivo do projeto é demonstrar o uso de HTML5, CSS3 e JavaScript para criar uma página web responsiva e interativa.

Tecnologias Utilizadas

Desenvolvimento Web:

  • HTML5
  • CSS3
  • JavaScript

Design

  • Figma
  • Google Fonts
  • Unsplash
  • Iconfinder
  • Color Adobe

Gerenciamento de Projeto

  • Trello
  • Tasked
  • Google Docs

Comunicação

  • Discord
  • Google Meet
  • WhatsApp

Controle de Versão

  • Git
  • GitHub

Revisão, Pesquisa e Documentação

  • W3school
  • MDN Web Docs
  • ChatGPT
  • Stack Overflow

Funcionalidades

O projeto possui as seguintes funcionalidades:

  • Exibição de informações estáticas na página.
  • Manipulação dinâmica do conteúdo usando JavaScript.
  • Estilização personalizada usando CSS3.

Pré-requisitos

Antes de executar o projeto, certifique-se de ter os seguintes requisitos:

  • Acesso a internet para utilizar o GitHub Pages ou baixar o projeto.
  • Navegador web atualizado.

Instruções de uso

Siga as instruções abaixo para acessar ou executar o projeto:

  • Acesse o repositório online clicando aqui.

Outra opção é baixar o projeto em sua máquina e rodar com o editor de código seguindos os passos abaixo:

  • Faça o download dos arquivos HTML, CSS e JS deste repositório.
  • Abra o arquivo HTML no seu navegador web.

Estrutura de arquivos

O projeto é composto pelos seguintes arquivos:

  • index.html: Página principal do projeto.
  • equipe.html: Página que mostra a equipe da empresa Banquinha de Camisetas.
  • produtos.html: Página que tem os produtos disponível.
  • contato.html: Página responsável pelo contato.
  • README.md
  • pasta src
  • pasta css
  • pasta global
    --footer.css: Arquivo com estilos css do footer.
    --global.css: Arquivo responsável por estilos globais do site.
    --header.css: Arquivo com estilos css do header.
  • pasta pages
    --contato.css: Arquivo com estilos css da página contato.html.
    --equipe.css: Arquivo com estilos css da página equipe.html.
    --index.css: Arquivo com estilos css da página index.html.
    --produtos.css: Arquivo com estilos da página produtos.html
  • pasta style
    --cores.css: Arquivo responsável por guardar cores do projeto.
    --fontes.css: Arquivo responsável por guardar import das fontes, e alguns estilos de fontes aplicados em classes.
  • pasta img
    --Aqui teremos várias pastas que guardam todas as imagens do projeto.
  • pasta scripts
    --contato.js: Arquivo responsável por cuidar da parte de scripts da página contato.html
    --produtos.js: Arquivo responável por cuidar da parte de scripts da página produtos.html

Contribuição

Charlie Pencal
Taw Simões
Thiago Souza
Victor Martins

Agradecemos o interesse e a oportunidade de poder realizar esse projeto!