https://github.com/juanblancodev/recipe-page

Página básica y responsive sobre una receta | Challenge by Frontend Mentor
https://github.com/juanblancodev/recipe-page

css frontend frontend-mentor html javascript omelette portafolio react reactjs recipe responsive responsive-design responsive-web-design styled-components vite vitejs web webdevelopment yarn

Last synced: 8 days ago
JSON representation

Página básica y responsive sobre una receta | Challenge by Frontend Mentor

• Host: GitHub
• URL: https://github.com/juanblancodev/recipe-page
• Owner: JuanBlancodev
• Created: 2024-03-29T02:24:38.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-11T08:11:53.000Z (7 months ago)
• Last Synced: 2024-04-11T09:45:25.278Z (7 months ago)
• Topics: css, frontend, frontend-mentor, html, javascript, omelette, portafolio, react, reactjs, recipe, responsive, responsive-design, responsive-web-design, styled-components, vite, vitejs, web, webdevelopment, yarn
• Language: JavaScript
• Homepage: https://juanblancodev.github.io/recipe-page/
• Size: 1.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Página de receta

Está página es un reto que he sacado de [Frontend Mentor](https://www.frontendmentor.io), la cual consiste en mostrar un diseño responsive sobre la preparación de un Omelette

# Capturas de pantalla

  ## Desktop

  ![Design desktop](./screenshots/desktop.png)

  

  ## Mobile

  ![Design mobile](./screenshots/mobile.png)

# Demo

- Puedes ver una **Demo** en vivo [presionando aquí](https://juanblancodev.github.io/recipe-page/)

# Clonar el proyecto

Si deseas trabajar en este proyecto de forma local, puedes seguir estos pasos para clonarlo en tu PC:

1. Abre tu términal si estás en `Linux/Mac` o el CMD si estás en `Windows`

2. Navega hacia la carpeta en donde quieres clonar el proyecto

3. Copia el enlace del repositorio haciendo clic en el botón "Code" en GitHub y luego copiando la URL que se muestra

4. Usa el comando `git clone` y coloca la URL que copiaste como parámetro

   ```sh

   git clone https://github.com/JuanBlancodev/recipe-page.git

   ```

5. Presiona **Enter** para ejecutar el comando y espera que el proyecto se clone por completo

6. Navega hacia la carpeta del proyecto clonado

   ```sh

   cd recipe-page

   ```

7. Instala las dependencias del proyecto con tu manejador de paquetes

   ```bash

   npm install

   ```

   o

   ```bash

   yarn install

   ```

8. Ahora puedes trabajar en el proyecto de manera local

## Tecnologías utilizadas



  


    

    HTML

  

  


    

    CSS

  

  


    

    React

  

  


    

    Yarn

  

  


    

    Vite

  



## Créditos

- **Autor:** [JuanBlancodev](https://github.com/JuanBlancodev)


- **Repositorios en github:** [Ver](https://github.com/JuanBlancodev?tab=repositories)