/tcc-frontend

Aplicação frontend do projeto final do curso de sistemas de informação - UFOP

Primary LanguageTypeScriptMIT LicenseMIT

Trabalho de conclusão de curso (TCC)

Projeto desenvolvido para o trabalho de conclusão de curso (TCC) de Sistemas de Informação - UFOP.



Índice

📄 Sobre o projeto

O projeto desenvolvido tem o objetivo de auxiliar os microempreendedores individuais (MEIs), por meio de um sistema que permite divulgar os seu negócio e serviços, aproximando do seu público-alvo e aumentando o seu alcance.

🧑‍💻 Tecnologias utilizadas

Para a implementação do front-end, foi utilizada como linguagem de programação o TypeScript, junto com a biblioteca do React.js e alguns frameworks, listados abaixo:

HTML5 CSS3 React TailwindCSS Vite SASS

🎨 Layout da aplicação

Você pode visualizar o layout da aplicação pelo link abaixo:

Layout

Para acessar o layout você precisará ter acesso ao figma. Para criar uma conta acesse o link:

Criar conta no Figma

🚀 Como executar a aplicação

Antes de executar a aplicação certifique que você tenha instalada uma versão LTS do Node e npm.

Para executar a aplicação deve seguir os seguintes passos:

  1. Clone o repositório: https://github.com/andersondev96/tcc-frontend
  2. Abra o terminal e acesse a pasta tcc-frontend com o comando: cd tcc-frontend
  3. Instale as dependências do projeto:
    npm install ou yarn install
  4. Configure as variáveis ambiente:
      VITE_APP_ENV=local
      VITE_API_LOCAL='http://localhost:3333'
      VITE_ACCESS_TOKEN_MAP_BOX=your-vite-access-token-map-box
      VITE_GOOGLE_MAPS_API_KEY=your-vite-google-maps-api-key
    
    
  5. Com tudo configurado você poderá acessar a aplicação com o comando
    npm run dev
  6. A aplicação será executada na porta 3000 do servidor. Para acessar a interface abra um navegador de sua preferência e acesse essa url:

    http://localhost:3000

    Lembrando que para que a aplicação esteja funcionando corretamente, o servidor node deve estar sendo executado, para isso é necessário clonar a aplicação node e seguir todas as instruções para a sua configuração. A aplicação node está no seguinte repositório: Servidor Node

⚙ Deploy da aplicação

A aplicação está disponível online no seguinte endereço: https://app.startbusinesshome.dev/

O deploy da aplicação foi feito utilizando o Netlify.

🤝 Como contribuir

  1. Faça um fork do repositório. Crie uma nova branch com as suas alterações:

    git checkout -b my-feature

  2. Salve as suas alterações e crie uma mensagem de commit, dizendo o que você fez:

    git commit -m "feature: My new feature"

  3. Envie as suas alterações:

    git push origin my-feature

📝 Licença

Este projeto está sobre a licença MIT.

👥 Autor


Feito com 💚 por Anderson Fernandes 👋 Entre em contato!