Proyecto gratis, hecho en comunidad.

Overview

Adopcanem landing page

Este es un proyecto gratuito hecho en comunidad, usando Next.js, React, ChakraUI y TypeScript.

El prototipo se puede encontrar en este Figma.

Abiertos los PRs para lo que quieras implementar 🙌

Necesitás apoyo?

Si tenes dudas o queres apoyo, podés unirte al discord de la comunidad.


Si te gusta mi contenido, seguime en Twitter, en Twitch, doname un Cafecito o volvete sponsor en github

Comments
  • add scroll to top button

    add scroll to top button

    • [x] Added scroll to top button
    • [x] The button only is shown when the page reaches an offset (400px)
    • [x] The button uses framer-motion animations
    • [x] The icon is imported from 'react-icons' library
    opened by marsidev 2
  • PR | Branch: feat-improvements

    PR | Branch: feat-improvements

    Buenas, con este PR modifique algunas cosas que supongo si fuese mergeado a master ocurririan errores, por lo tanto sugiero que se cree una rama nueva con este pull request para testearlo y probarlo. Cambie cosas como los sections y el layout. Espero que puedas revisarlo gracias.

    opened by faustinozanetto 2
  • feat: update history section

    feat: update history section

    Add the following element:

    1. paws (left button and top right)
    2. arrows below corner phrases of the timeline
    3. "human and dog pulling" image in the center of the timeline
    opened by enriquefiorucci 1
  • Improved theming, fixed missing Section component in multiple section…

    Improved theming, fixed missing Section component in multiple section…

    Agrege el Section component a algunas secciones como Family, así todas quedan en armonia y ninguna se estira a toda la pantalla. También mejore el footer agregando el wave como los dividers. Por último agregue al theme del Button, el color y bg asi no hay que repeteri donde esta el button siempre.

    opened by faustinozanetto 1
  • Sticky navbar y Timeline Grid

    Sticky navbar y Timeline Grid

    Cambie el componente Flex de la timeline por un Grid, de esta manera se deja de ajustar el ancho de la caja a 1000px y el ancho su hijo a 500px, convirtiendo la timeline en un componente responsive.

    opened by NewCastile 1
  • Implementación y pequeños cambios en el ScrollTopButton

    Implementación y pequeños cambios en el ScrollTopButton

    En esta PR he implementado el componente <ScrollTopButton /> hecho por @MatiasMonasterio ya que a pesar de estar mergeado, no se estaba usando. Además, le hice algunas modificaciones que explico a continuación:

    • [x] Se agregó el <ScrollTopButton /> directamente al <Layout />
    • [x] Se modifico el behavior del método window.scrollTo(), ya que el desplazamiento por defecto es muy agresivo
    • [x] Había un glitch visual cuando se dejaba pulsado el botón, que provocaba que el backgroundColor fuese transparente. Se corrigió añadiendo la propiedad _active={{backgroundColor: "#363636"}}
    • [x] Se tradujo al español el valor por defecto de la propiedad default de accessibilityContent. Esta propiedad se utiliza en el componente <VisuallyHidden /> de ChakraUI, cuyo uso es ocultar información de la UI pero mantenerla en el DOM para que se pueda leer por lectores de pantalla. Ref.
    • [x] Se mejoró el diseño responsivo del botón, específicamente las posiciones bottom y right, ya que en mobile no estaba bien posicionado. Originalmente, los valores por defecto para bottom y right era 20, se cambió por un objeto de breakpoints como se sugiere en ChakraUI.

    Así se veía antes de los cambios: image

    Así se ve después de los cambios: image

    opened by marsidev 1
  • Process.tsx section responsive fixed

    Process.tsx section responsive fixed

    • El /screens/Home/sections/Process.tsx fue modificado a responsive
    • Como consecuencia también fue modificado el archivo components/cards/ProcessSectionCard.tsx al cual se le agrego el hook de chakra (useBreakPointValue()) para que el "efecto" de mover las cards algunos pixels hacia arriba/abajo desaparezca para width menores a md (768px), si no lo hacia se superponian las cards
    opened by facuariasla 1
  • Add ScrollTop button and icons folder with ArrawUp icon

    Add ScrollTop button and icons folder with ArrawUp icon

    • Se agrega component de ScrollTop desde el _app para que este disponible en todas las paginas
    • Se agrega carpeta de iconos con el ArrawUp icono usando la importacion del svg desde figma
    opened by MatiasMonasterio 1
  • Cambios de organización y optimización de tipografías

    Cambios de organización y optimización de tipografías

    • Organización de imports
    • Configuración de la baseURL

    Optimización de tipografias para deploy:

    • Se deja la webfont para cargar un subset optimizado de manera local.
    • Se crea el archivo vercel.json para el cache de la font una vez deployado.
    opened by nicosantux 1
  • Fix: Carousel item [DON'T MERGE BEFORE #24]

    Fix: Carousel item [DON'T MERGE BEFORE #24]

    Add background color, padding and border radious to the carousel item

    PD: sorry. I forgot to create de branch from main. This pr have the commits of PR #24

    opened by enriquefiorucci 1
  • Fix: updates in History, Family and Transit sections

    Fix: updates in History, Family and Transit sections

    In History section: to make the paws appear to end below adjoining sections, I make two changes.

    1. update padding in Family section
    2. remove divider from Transit section

    Also, I add background circles in History section.

    opened by enriquefiorucci 1
Owner
Gonzalo Pozzo
Javascript developer, in ❤️ with React.
Gonzalo Pozzo
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

?? Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued

Braian D. Vaylet 17 Oct 22, 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
Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku ?? ?? ⛩️ ?? - Reto Final (parte 2) Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adqu

null 2 Apr 28, 2022
Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

Alkemy 4 May 3, 2022
Este repositorio contendrá el proyecto final de Angular con temática de Pokemon Unite

ProyectoFinal This project was generated with Angular CLI version 14.0.2. Development server Run ng serve for a dev server. Navigate to http://localho

null 2 Jun 19, 2022
Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

Alkemy 6 Jun 18, 2022
Frontend - Proyecto final Henry FT25B-G4

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 Aug 4, 2022
Proyecto de encriptasion, echo para el curso de Oracle Next Education 2022

Encriptador Proyecto de Encriptador, echo para el curso de Oracle Next Education 2022. Link directo al proyecto desplegado Link al Encriptador Instruc

Bernardo Abel Lopez 14 Dec 28, 2022
Aplikasi pembelajaran Sekolah Gratis dan Open Source

SekolahYuk SekolahYuk adalah Aplikasi Pembelajaran Online untuk sekolah2 di Indonesia. Dimana Guru bisa memberikan tugas, soal ujian, dan murid bisa m

Zahir Hadi Athallah 32 Dec 2, 2022
Escreva suas ideias e compartilhe com o mundo. Totalmente grátis, fácil e sem limites.

?? AweNotes Um site de notas simples, minimalista e fácil onde você pode criar, modificar e compartilhar notas com qualquer pessoas, a qualquer hora ?

Jônatas A. 7 Jul 13, 2022
Sumber kode dan kurikulum terbuka ngoding.org. Belajar pemrograman secara gratis.

Kode sumber dan kurikulum terbuka ngoding.org ngoding.org merupakan sebuah komunitas sumber terbuka yang memiliki misi untuk menyediakan sumber belaja

ngoding.org 1 Nov 13, 2022
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

?? Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued

Braian D. Vaylet 17 Oct 22, 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
Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku ?? ?? ⛩️ ?? - Reto Final (parte 2) Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adqu

null 2 Apr 28, 2022
Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

Alkemy 4 May 3, 2022
Este repositorio contendrá el proyecto final de Angular con temática de Pokemon Unite

ProyectoFinal This project was generated with Angular CLI version 14.0.2. Development server Run ng serve for a dev server. Navigate to http://localho

null 2 Jun 19, 2022
Server Base - Proyecto ONG

Server Base - Proyecto ONG Envinroment setup Create database Copy .env.example to .env and fill with database credentials. To install dependencies, ru

Alkemy 6 Jun 18, 2022
Frontend - Proyecto final Henry FT25B-G4

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 Aug 4, 2022
Proyecto de encriptasion, echo para el curso de Oracle Next Education 2022

Encriptador Proyecto de Encriptador, echo para el curso de Oracle Next Education 2022. Link directo al proyecto desplegado Link al Encriptador Instruc

Bernardo Abel Lopez 14 Dec 28, 2022