Projeto Web de conclusão de curso do programa "Start <Tech>" da Universidade TOTVS, em parceria com a Ada Tech e o Instituto da Oportunidade Social.
O StartCine+ tem como objetivo principal facilitar a pesquisa, visualização e administração de informações relacionadas a uma ampla variedade de conteúdo audiovisual, abrangendo filmes, séries e animes. A plataforma oferece aos usuários uma interface amigável e intuitiva que possibilita a busca de títulos específicos, a obtenção de detalhes completos sobre cada obra e até mesmo a gestão de uma lista de favoritos.
O projeto visa criar uma experiência web envolvente e acessível para amantes de filmes, séries e animes, independentemente de serem consumidores ávidos ou casuais. Com o StartCine+, os usuários podem mergulhar no mundo do entretenimento audiovisual, explorando e desfrutando de uma ampla gama de conteúdo de forma conveniente e personalizada.
Este projeto foi desenvolvido durante o programa Start <Tech> da Universidade TOTVS, em parceria com a Ada Tech e o Instituto da Oportunidade Social. É importante destacar que o StartCine+ é um site fictício, criado exclusivamente para fins de estudo e prática, portanto, deve ser usado com moderação.
Principais funcionalidades e implementações do projeto:
- Área de Cadastro e Login de Usuários: Foi implementada uma área onde os usuários podem se cadastrar e fazer login com segurança.
- Listagem de Conteúdos: Listagem de conteúdos, como filmes, séries e animes, com fotos, títulos e links para os detalhes de cada conteúdo.
- Função de Favoritar/Desfavoritar: Implementação de uma função que permite aos usuários marcar ou desmarcar conteúdos como favoritos, com uma lista de conteúdos favoritos disponível.
- Formulário de Contato: Formulário de contato para que os usuários possam entrar em contato conosco.
- Página de Detalhes: Paginas detalhadas para cada conteúdo, exibindo informações relevantes, como ano de lançamento, gênero, classificação, sinopse, entre outras.
- Páginas de Categorias: Os conteúdos foram organizados em páginas dedicadas a cada tipo de conteúdo (animes, séries e filmes), proporcionando uma navegação intuitiva.
- Página Administrativa: Foi criada uma página de administração que permite aos administradores realizar operações de CRUD (Create, Read, Update, Delete) em produtos.
- Framework de Interfaces: Foram utilizados frameworks de interfaces como Material e Bootstrap para aprimorar a experiência do usuário.
- Responsividade: O projeto foi projetado para ser responsivo, adaptando-se a diferentes dispositivos e tamanhos de tela. (porém depende).
- Publicar o site na Web com um dominio personalizado.
- Realizar o Deploy de uma Api criada em C#, para que o banco de dados suporte maiores fluxos de acessos.
- Ampliar nossa acessibilidade, incluindo recursos como narração de texto e ferramentas de Libras, para atender às necessidades de todas as pessoas, promovendo uma experiência inclusiva e igualitária.
- Disponibilizar acesso gratuito limitado, permitindo que o público experimente nossos produtos antes de adquiri-los.
- Para o próximo Backlog, queremos implementar testes automatizados os quais tivemos contato e entendemos sua importância.
- Aprofundar ainda mais a Experiência do Usuário (UX Design), para um acesso maia fluído do usuário.
Para executar o projeto, é necessário ter instalados em sua máquina os seguintes requisitos: Node.js, Angular CLI e Json Server. Após a instalação, é preciso também instalar as dependências do arquivo package.json. Para isso, digite o comando npm install após seguir os passos anteriores.
❗️| Certifique-se de que todas as ferramentas necessárias estejam instaladas em sua máquina local e, em seguida, prossiga com os seguintes passos.
0. Baixe os arquivos
# Clone o repositorio
$ git clone https:/github.com/mewmewdevart/ProjetoFinal_StartTech.git
# Entre dentro da pasta clonada e do projeto
$ cd ProjetoFinal_StartTech/StartCine
1. Instale as dependências
npm install
2. Rode o servidor
ng serve
- Iniciar o banco de dados Em outro terminal, inicie o servidor da API REST falsa, o json-server em conjunto com o db.json:
json-server --watch db.json
3. Retorne para o primeiro terminal, e acesse o link gerado no prompt no seu navegador web
http://localhost:4200
❗️ | Caso queira acessar o painel de administração de conteudos publicos na plataforma, será necessario logar com o id: admin
senha: 123
.
- VS CODE | Ambiente de desenvolvimento integrado para escrever, ler e executar código do projeto com mais eficiência.
- Git Bash | GitBash para realizar os commits.
- Figma | Figma para desenvolver alguns elementos da interface.
- Bootstrap | Bootstrap para ajudar na responsividade.
- Material UI | Implementação de componentes de interface.
- Angular | Plataforma de aplicações Web.
- Markdown | Documentação de como utilizar o Markdown.
- Documentação W3Schools | Documentação e tutoriais praticos.
- Figma Community | Inspiração na prototipação do projeto.
- +Forums e Blogs da internet para sanar as minhas duvidas relacionadas a linguagem (Alura, Stack Overflow e Geeks for geeks).
Este projeto é licenciado sob os termos do arquivo LICENÇA. Veja o arquivo para mais detalhes.
Desenvolvido com muito ☕ por Gustavo Sotrati Taques, João Ionafa, José Eduardo, Larissa Cristina Benedito e Lucas da Silva Marinho.