Coder Social home page Coder Social logo

andessonreis / anilibrary Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 10.51 MB

Este é um projeto desenvolvido como parte do curso de Análise e Desenvolvimento de Sistemas (ADS), na disciplina de Programação Web.

Home Page: https://ani-library.vercel.app

License: MIT License

HTML 47.51% CSS 36.58% JavaScript 15.91%
anime css html5 javascript library

anilibrary's Introduction

Hey, I'm Andesson and Welcome to my Profile! animated typed out


Animated GIF

Bandeira do Brasil Português

👨‍💻 About me


  • 👨‍💻 I'm a Data Professional and Backend Developer passionate about turning data into valuable insights and building robust backend solutions.
  • 🎓 I possess a strong background in data engineering, including extraction, transformation, and analysis of large datasets, alongside a profound knowledge in backend development, crafting scalable and efficient systems.
  • 💼 I'm versatile in handling diverse data sources, implementing data governance and quality measures, and have expertise in crafting robust and reliable software architectures on the backend.

⚙️ Technologies and Skills


Data Engineering:

  • Manipulation Technologies: Python (data manipulation, scripting, and automation), SQL (advanced querying and database optimization).
  • Big Data and ETL/ELT Tools: Proficiency in Apache Spark, Hadoop, Apache Airflow, Apache Nifi, and Talend.
  • Data Architecture: Design and maintenance of data warehouses and data lakes.
  • Cloud and Storage: Expertise in AWS, GCP, and Azure for data management.
  • Data Visualization: Proficient in tools like Tableau, Power BI, and matplotlib.

Backend Development:

  • API Construction and Server Logic: Utilization of Java, and Spring for API construction and server logic.
  • Web Technologies and Frameworks: Mastery in Bootstrap, jQuery, JavaScript, HTML5, and CSS3 for web development.
  • Robust Backend Solutions: Development and implementation of efficient backend solutions.
  • Versatility in Languages: Proficiency in PyTorch, Tidyverse, C, C++, and Git versioning practices.

Contribution


  • ✨ I am open to collaborations and opportunities in both Data Engineering and Backend Development. If you have projects where I can contribute my skills, feel free to get in touch

🏆 My Github Stats


Trophy
 

Profile Details

GitHub Stats Top Languages

👨‍💻 Projects


Machine-Learning-Model-Spectrum sgif_backend ETL-Pipeline Exoplanet-Classifier

Contact



Visitors Count


anilibrary's People

Contributors

andessonreis avatar

Stargazers

 avatar  avatar

Watchers

 avatar

anilibrary's Issues

Aprimorar Catálogo de Animes e Criar Seções Personalizadas

Aprimorar Catálogo de Animes e Criar Seções Personalizadas

Descrição:
Melhore a organização do catálogo de animes implementando seções personalizadas que permitam uma navegação mais intuitiva e agradável para os usuários. O objetivo é criar uma experiência envolvente ao explorar os animes e destacar diferentes categorias de conteúdo.

Tarefas:

  1. Definir Estrutura de Seções:

    • Descrição: Planeje e defina as seções que deseja adicionar ao catálogo, como "Animes em Destaque", "Novos Lançamentos", "Animes Populares" e "Próximos Lançamentos".
    • Tarefas:
      • Criar uma estrutura visual para cada seção no HTML.
      • Preencher as seções com elementos de exemplo para testes iniciais.
  2. Carregamento Dinâmico de Animes:

    • Descrição: Utilize JavaScript para carregar dinamicamente as informações dos animes em cada seção, evitando sobrecarga de conteúdo inicial.
    • Tarefas:
      • Criar um arquivo JSON com dados fictícios de diferentes animes.
      • Utilizar JavaScript para carregar e exibir os animes em cada seção de acordo com a categoria.
  3. Estilização Personalizada para Cada Seção:

    • Descrição: Aplique estilos únicos a cada seção para melhorar a identificação visual e a experiência do usuário.
    • Tarefas:
      • Utilizar CSS para estilizar cada seção com cores, fundos e espaçamentos adequados.
      • Garantir que a estilização seja responsiva e se ajuste a diferentes tamanhos de tela.
  4. Botões de Navegação entre Seções:

    • Descrição: Adicione botões de navegação para permitir que os usuários alternem facilmente entre as diferentes seções.
    • Tarefas:
      • Criar botões ou links para cada seção, permitindo que os usuários se desloquem pelo catálogo de forma intuitiva.
  5. Implementar Funcionalidade de "Ver Mais":

    • Descrição: Se algumas seções tiverem muitos animes, implemente a funcionalidade de "Ver Mais" para exibir mais conteúdo sem sobrecarregar a página.
    • Tarefas:
      • Adicionar um botão "Ver Mais" em seções com muitos animes.
      • Ao clicar no botão, carregar mais animes na seção.

Observações:

  • Certifique-se de que as seções sejam claramente rotuladas e visualmente distintas para facilitar a navegação.
  • Teste o carregamento dinâmico de animes em diferentes cenários para garantir que a performance seja mantida.
  • Mantenha a consistência no design e na experiência do usuário em todas as seções.

Implementar Tema Claro e Escuro

Implementar Tema Claro e Escuro

Descrição:
Adicione uma funcionalidade essencial ao AniLibrary, permitindo que os usuários alternem entre os modos de tema claro e escuro para uma experiência de visualização mais confortável em qualquer ambiente. Isso proporcionará uma sensação mais personalizada aos usuários enquanto exploram os animes.

Tarefas:

  1. Criação das Regras de Estilo para os Temas:

    • Descrição: Crie as regras CSS para definir o estilo visual dos elementos para os modos claro e escuro.
    • Tarefas:
      • Definir as propriedades CSS necessárias para cada tema.
      • Utilizar variáveis CSS para manter a consistência e facilitar as mudanças de tema.
  2. Implementação da Alternância de Tema:

    • Descrição: Desenvolva a lógica em JavaScript para permitir que os usuários alternem entre os modos de tema com facilidade.
    • Tarefas:
      • Identificar e selecionar o botão de alternância de tema no DOM.
      • Criar uma função em JavaScript para alternar entre os temas.
      • Utilizar classes CSS específicas para aplicar o estilo apropriado de acordo com o tema selecionado.
  3. Armazenamento de Preferência de Tema:

    • Descrição: As preferências de tema do usuário devem ser mantidas, mesmo após atualizações ou saídas do site.
    • Tarefas:
      • Utilizar o armazenamento local (localStorage) para manter o tema selecionado pelo usuário.
      • Carregar o tema preferido do armazenamento local ao carregar o site.

Observações:

  • Certifique-se de testar a funcionalidade em diferentes navegadores e dispositivos para garantir uma experiência consistente.
  • Garanta que a alternância de tema seja visualmente intuitiva, para que os usuários possam identificar facilmente a opção de alternar entre os temas.
  • Considere também a possibilidade de criar uma transição suave entre os temas para melhorar a experiência do usuário.

Criação da navbar responsiva

Descrição:
Para melhorar a experiência do usuário e facilitar a navegação pelo AniLibrary, irei criar uma navbar de navegação. A navbar deve incluir links para diferentes seções do catálogo, como a página inicial, categorias de animes, sobre nós e contato.

Tarefas a serem realizadas:

  1. Estruturar a navbar na parte superior da página.
  2. Adicionar links para as diferentes seções mencionadas.
  3. Estilizar a navbar usando CSS para torná-la visualmente atraente e destacada.

Critérios de Aceitação:

  • A navbar deve ser visível na parte superior da página e conter os links relevantes.
  • Os links devem direcionar para as páginas correspondentes.
  • A navbar deve ser estilizada de forma agradável e em harmonia com o design do site.

Adicionar Páginas de Conteúdo:

** Adicionar Páginas de Conteúdo:**

Descrição:
Crie páginas dedicadas para "Animes", "Mangás" e "Estúdios" a fim de fornecer informações detalhadas sobre cada item presente em sua plataforma AniLibrary. Utilize HTML para estabelecer a estrutura da página e CSS para aplicar um estilo atraente e coerente.

Tarefas Propostas:

  1. Crie arquivos HTML individuais para cada uma das páginas, ou seja, "animes.html", "mangas.html" e "estudios.html".
  2. Estruture o conteúdo de cada página de acordo com suas respectivas categorias. Por exemplo, a página de "Animes" deve exibir uma lista de animes com seus títulos, imagens e descrições.
  3. Utilize elementos HTML apropriados, como listas e divisões, para organizar e apresentar as informações de maneira clara.
  4. Aplique estilos CSS personalizados às páginas para garantir uma experiência de usuário agradável e coesa.
  5. Aplicar layout responsivo para que as páginas se adaptem bem a diferentes tamanhos de tela.

Observações:
Certifique-se de que cada página tenha uma identidade visual consistente com o restante do projeto AniLibrary, mantendo a mesma paleta de cores e elementos de design utilizados nas outras seções do site.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.