Código-fonte do site dos Guardians UFCG.

Overview

Guardians UFCG

Esse é o repositório com o código-fonte do site dos Guardians UFCG.

User Interface

Nosso Front-end será baseado nesse documento do Figma. Ele vai guiar cada componente criado, com dimensões e layouts responsivos, prezando pela acessibilidade e User Experience.

Compromisso com a cultura open source

Por acreditarmos no benefício dessa cultura, optamos por desenvolver com código aberto e incentivamos a contribuição de tod@s. Então, sintam-se confortáveis em visitar as issues desse repositório e submeter pull requests que as resolvam.

Comments
  • Componente RedesSociais

    Componente RedesSociais

    O que deve ser implementado?

    Precisamos que o componente de RedesSociais seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente recebe três props: instagramUrl, linkedinUrl e githubUrl. Todas são obrigatórias e redirecionam o usuário para a rede social respectiva.

    Contexto adicional

    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 3
  • Implementando componente de redes sociais

    Implementando componente de redes sociais

    • PR referente à issue #6.
    • Implementação do componente de redes sociais contendo capacidade de link para GitHub, LinkedIn e Instagram.
    • Adição do pacote react-icons para utilizar estilização dos ícones de rede social para a cor requerida do Figma, dado que utilizar a imagem estática provavelmente iria diminuir a qualidade na responsividade.
    hacktoberfest-accepted 
    opened by MariaEduardaDeAzevedo 0
  • Componente HomeButtons

    Componente HomeButtons

    O que deve ser implementado?

    Precisamos que o componente de HomeButtons seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente recebe duas props: secaoId e artigosUrl que simbolizam o "id" da seção "Sobre nós" na Home e a URL dentro da aplicação onde a parte de Artigos fica, respectivamente. Portanto, ambos são links.

    Contexto adicional

    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 2
  • Componente RedirectButton

    Componente RedirectButton

    O que deve ser implementado?

    Precisamos que o componente de RedirectButton seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente precisa receber 1 prop: url, que sinaliza para onde o usuário é redirecionado ao clicar nesse link. Essa prop é obrigatória.

    Contexto adicional

    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 2
  • Componente CardArtigo

    Componente CardArtigo

    O que deve ser implementado?

    Precisamos que o componente de CardArtigo seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente precisa receber 4 props: title, published_at, author e url, uma vez que segue o padrão da API do DEV.to, onde hospedaremos nossos artigos. Todas as props são obrigatórias.

    Contexto adicional

    • Essa issue requer que a issue #4 esteja resolvida, pois utilizamos o RedirectButton dentro do CardArtigo
    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 4
  • Componente de PostAjuda

    Componente de PostAjuda

    O que deve ser implementado?

    Precisamos que o componente de PostAjuda seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente precisa receber 2 props: título e link, uma vez que será reutilizado para diferentes posts. Ambas as props são obrigatórias.

    Contexto adicional

    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 2
  • Componente de Header

    Componente de Header

    O que deve ser implementado?

    Precisamos que o componente de Header seja implementado seguindo nossa prototipação.

    image

    Como deve ser implementado?

    O componente precisa receber 2 props: título e descrição, uma vez que será reutilizado em diversas telas. A descrição é uma props opcional, mas o título é obrigatório.

    Contexto adicional

    • As cores utilizadas estão no arquivo global de CSS
    • Crie sua branch a partir da branch development
    • Nossa estrutura de pastas é: NomeDoComponente e dentro da pasta dois arquivos, o index.jsx e o styles.js (Utilizamos Styled-Components)
    opened by tarsojabbes 0
Owner
Guardians UFCG
Guardians UFCG
Uma Intranet que permite um acesso restrito e promove a integração dos processos de uma empresa, facilitando o dia-a-dia dos seus colaboradores.

Intranet ANÁLISE E DESENVOLVIMENTO DE SISTEMAS PROJETO: DESENVOLVIMENTO WEB FRONT-END 1 SEMESTRE Uma Intranet que permite um acesso restrito e promove

Análise e Desenvolvimento de Sistemas - PUC Minas Virtual 5 Jun 1, 2022
Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.

SkillsClass Aplicação focada no gerenciamento de skills dos usuários cadastrados. Uma aplicação desenvolvida no ignite da Rocketseat com alguns toques

Carlos Ferreira 1 Dec 25, 2021
Educare é um projeto que visa auxiliar os estudos dos alunos por meio da resolução de questões. Front-end construído com Next.js.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Tarso Jabbes 3 Feb 6, 2022
Toggles the visibility of completed and canceled to-dos

Logseq Wide Eyed Plugin Toggles the visibility of completed and canceled to-dos. Toggling is controlled by the eye appearing in the toolbar. It has op

Mario T. Lanza 10 Sep 13, 2022
Overlay dos brasileiros, a partir do Discord, no r/place 2022

[Instruction available in English below] - Instruções de uso do overlay do r/brasil no r/place 2022 INSTRUÇÕES PARA USAR O OVERLAY: Instale o TamperMo

null 8 Sep 20, 2022
A simple To Do List application that allows users to save, edit, mark completed, and delete their to-dos, and save their list when application is closed. Build with JavaScript.

To Do List A simple To Do List online application that allows users to save, and manipulate their to-dos, and save their list when application is clos

Mahmoud Rizk 10 Dec 20, 2022
Uma Api dos 151 primeiros pokemons utilizando NodeJS, Typescript, Docker, MongoDB e Mongoose.

Pokedex API Tópicos Preview Sobre o Pokedex Api Tecnologias Instalação e uso Preview Clique aqui para ter acesso a um preview da Api. Sobre o Pokedex

Marlon Lacerda 3 Nov 27, 2022
Aplicativo web para apurações dos resultados da eleições de 2022 para presidente.

APP de Apurações dos Resultados das Eleições de 2022 https://apuracoes-eleicoes-2022.netlify.app/ Trata-se de um aplicativo minimalista com o objetivo

Igor Gonçalves 4 Oct 31, 2022
Repositório com código da segunda live do Santander Coders Web FullStack

CASE WEB APP DE PREVISÃO DO TEMPO Node.js Como iniciar projeto React de maneira simples: Create React App (CRA): npx create-react-app nome_do_app Vite

Let's Code 29 Apr 3, 2022
Codigo del Webinar de Organizador de Tareas con autenticación

Webinar Organizador de Tareas con autenticación Bienvenido al repositorio ??️ del Webinar donde podrás encontrar el codigo expuesto ??️ Para comenzar

Eduardo de Rivero Manrique 4 Jun 24, 2022
Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

Chontaduro, Borojo, Sancocho de gallina y algo sustancia perico fueron usadas para crear el mejor proyecto de código en toda la historia de Colombia

juansito 6 May 11, 2022
Código de estudo da aula de graphl e apollo no youtube da rocketseat

GraphQL (meu aprendizado) O que é GraphQL uma ferramenta criada dentro do facebook, sendo uma linguagem de realização de query (operações de criação é

Marcos Henrique 1 May 12, 2022
API REST de código aberto para testes frontend aplicando CRUD.

OPEN CRUD API API pública para cadastro de usuários para ser usada em testes. Ajustes e melhorias O projeto ainda está em desenvolvimento e as próxima

Pedro Henrique 5 Mar 22, 2022
Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Introduccion a Mongoose ¿Qué es MongoDB? MongoDB es una base de datos NoSQL (Not Only SQL) y por ende no relacional que es utilizado para proyectos we

Jair León 9 Mar 17, 2022
Código open source do Naoki, feito com Node.js utilizando Discord.js.

?? › Sobre o Naoki Naoki é um robô do Discord multiuso com as funções mais necessárias e essenciais para seu servidor! O código do Naoki foi escrito e

Naoki 8 Sep 4, 2022
Desafio 21 dias de código proposto pela Rocketseat.

21-days-of-code Desafio 21 dias de código proposto pela Rocketseat. As regras para participar do desafio são: Todos os dias, codar por pelo menos 1h;

Madalena Machado Rocha 8 Sep 17, 2022
Projeto de código aberto para ajudar as pessoas a ingressarem em carreiras de dados

Bem vinde O que é o Data Career Guide? É um projeto gratuito de guia (não é um curso e nem um livro) para carreiras na área de dados, inspirado no Lea

Data Career Guide 6 Dec 30, 2022
A crawler that crawls the site's internal links, fetching information of interest to any SEO specialist to perform appropriate analysis on the site.

Overview ?? It is a module that crawls sites and extracts basic information on any web page of interest to site owners in general, and SEO specialists

Yazan Zoghbi 2 Apr 22, 2022
A crawler that crawls the site's internal links, fetching information of interest to any SEO specialist to perform appropriate analysis on the site.

Overview ?? It is a module that crawls sites and extracts basic information on any web page of interest to site owners in general, and SEO specialists

Yazan Zoghbi 2 Apr 22, 2022