My turn - SQUAD 8 🚀 ✨

1. Sobre
2. Especificações
3. Como Rodar o Projeto?
4. Resultados de Desenvolvimento
5. Features
6. Conteúdo externo
7. Nossa Equipe
8. Licença

Sobre

O My Turn foi um projeto desenvolvido pelo Squad 8 para o Hackathon do Programa de Formação da FCamara. O objetivo desse projeto foi a construção de uma ferramenta que possa auxiliar a empresa na reabertura de seus escritórios. No My Turn, os consultores da empresa poderão fazer o login na plataforma a fim de realizarem agendamento dos dias em que quiserem trabalhar presencialmente, escolhendo a estação de trabalho (Santos ou São Paulo) e a mesa de sua preferência. Tudo isso respeitando a capacidade dos escritórios e regras de distanciamento social.

Especificações

Utilizamos Node.js com Express para criar o backend da aplicação, codificado no sentido de repassar dados estáticos para consumo de uma API. Essa integração entre backend e frontend foi realizada utilizando a biblioteca Axios, utilizamos também a possibilidade de autenticação utilizando JWT. Na estilização do frontend utilizamos CSS puro no intuito de termos mais flexibilidade para compor os layouts. O código foi criado a partir da biblioteca React com o uso do Typescript para criação das interfaces dinâmicas e que trouxessem a melhor experiência de navegação possível ao usuário.

Como rodar o projeto?

#Clone este repositório
$ git clone git@github.com:lilianmartinsfritzen/projeto-squad-8.git

#Abra a pasta backend e no terminal execute o comando:
$ npm install
ou
$ yarn install

#Em seguida deixe a aplicação “rodando” através do comando abaixo:
$ npm start
ou
$ yarn start

#A aplicação (backend) será aberta na porta:3333 - acesse http://localhost:3333. 

#Na pasta frontend abra o terminal e execute o comando:
$ npm install
ou
$ yarn install

#Em seguida deixe a aplicação “rodando” através do comando abaixo:
$ npm start
ou
$ yarn start

#A aplicação(frontend) será aberta na porta:3000 - acesse http://localhost:3000. 

OBS: Para que a aplicação funcione corretamente, você deve deixar o front e o back rodando ao mesmo tempo.

#Abaixo estão os dados fictícios de e-mail e senha para a navegação das telas:

email: usuario@fcamara.com.br
senha: 123456

Resultados de Desenvolvimento

• Implementação do desing da interface com HTML e CSS usando a componentização do React
• Aplicação de Responsividade nas Telas
• Criação de um calendário funcional
• Autenticação

Detalhamento dos resultados

Features

• O que será que pensamos para o futuro da nossa aplicação...? 😎
  • 01 - Criação de banco de dados dinâmico utilizando modelo conceitual e em camadas.
  • 02 - Criação de perfil do administrador.
  • 03 - Emissão de relatórios de ocupação (acesso para o perfil de administrador).

Conteúdo Externo

• 😉 Ficou curioso e quer saber como foi a idealização do My Turn de maneira rápida? Se liga no nosso vídeo de funcionalidades!
• ✒️ Também foi escrito um artigo relatando todo o processo de desenvolvimento feito pela nossa dupla de UX Design.
• 💛 Nosso Pitch.

Nossa Equipe

🤸‍♀️	Nome	No Programa de Formação eu...	Contatos
UX Designer	Ana Paula Souto	"...Vi que em 14 dias é possível aprender e passar por milhares de coisas, desde trabalhar na prática com um squad, reconhecer as minhas funções e entender as de cada um, até fazer grandes amizades e conhecer grandes potenciais"	Linkedin Email
Desenvolvedora	Eirene Fireman	"...Descobri que CSS é bem mais difícil do que aparenta ser, saí do 0 com React a "até que sei alguma coisa", e percebi, na prática, a importância de fazer com que uma aplicação atenda o maior número possível de usuários. Além disso, pude enfrentar desafios super inesperados ao lado de uma equipe sensacional na qual todos exerceram seus papéis com excelência!"	Github Linkedin Email
Desenvolvedora	Lílian Martins Fritzen	"...Senti que tudo passou a fazer mais sentido quando conheci o Pai Flex-Box, amei a liberdade que ele dá a seus filhos. React com suas possibilidades delicinhas e o Typescript, ahh esse sim, tinhoso que só, mas gosto também. De nomes diferentes de restaurantes a vontade de encontrar essa equipe maravilhosa, Squad-8, vocês só reforçaram o quanto escuta ativa, comprometimento e empatia fazem qualquer projeto ser um sucesso. Obrigada!"	Github Linkedin Email
UX Designer	Pedro Emerenciano	"...Co-criei com pessoas incríveis, aprendi a trabalhar mais em equipe e que 15 dias passam voando!"	Linkedin Email

Licença

LICENSE

---

Feito com muito 🧡 pelo Squad-8
#FuturosSangueLaranja 🚀