Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/deiviherreradiaz09/frontendtest

Frontend-Mentor project in React. 👾
https://github.com/deiviherreradiaz09/frontendtest

css frontend html react

Last synced: about 6 hours ago
JSON representation

Frontend-Mentor project in React. 👾

Host: GitHub
URL: https://github.com/deiviherreradiaz09/frontendtest
Owner: DeiviHerreraDiaz09
Created: 2024-02-16T21:49:22.000Z (9 months ago)
Default Branch: master
Last Pushed: 2024-06-16T02:45:52.000Z (5 months ago)
Last Synced: 2024-06-17T03:13:45.417Z (5 months ago)
Topics: css, frontend, html, react
Language: JavaScript
Homepage: https://www.frontendmentor.io/
Size: 1.89 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Proyecto: Frontend Test
## **Descripción**
Una aplicación de pruebas de Frontend, mayormente en bases de Frontend Mentor. 🎨

**Características**
- Pruebas Frontend
- Implementación frameworks

**Tecnologías Utilizadas**
- React
- JavaScript (ES6+)
- HTML5
- CSS3

**Requisitos Previos**
Antes de comenzar, asegúrate de tener instalado lo siguiente:

- Node.js (https://nodejs.org/)
- npm (https://www.npmjs.com/)

**Instalación**
1. Clona este repositorio en tu máquina local.
```
git clone https://github.com/DeiviHerreraDiaz09/FrontendTest.git
```
2. Navega al directorio del proyecto.
```
cd FrontendTest
```
3. Instala las dependencias del proyecto.
```
npm install
```
**Uso**
Inicia la aplicación.
```
npm run dev
```
Abre tu navegador y ve a http://localhost:5173 para ver la aplicación en funcionamiento y su menu para direccionarse a los diferentes mini - proyectos.

![image](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/25fe5f26-adf2-4166-9278-d7c56e1c6e4c)

## PROYECTO 1 - [**QrCode**](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H)

![QR1](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/f3342024-d943-448e-8db8-9fe1759088bf)

![QR3](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/ff8af4c2-1987-45ac-9a72-ae423231e2fd)

## PROYECTO 2 - [**Card**](https://www.frontendmentor.io/challenges/nft-preview-card-component-SbdUL_w0U)
![Card Final](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/667e3aed-ed5c-4b88-93d1-d070ec7a0c43)

## PROYECTO 3 - [**Recipe Food**](https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm)
![OmeletteRecipe Final](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/cc7f8ce4-79e9-4753-bcf7-ba168730872c)

## PROYECTO 4 - [**Expenses**](https://www.frontendmentor.io/challenges/expenses-chart-component-e7yJBUdjwt)
![recording-2024-05-29-08-31-48](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/fcdf84ce-2013-4081-aefd-f0e87731fcfc)

## PROYECTO 5 - [**Countries Api**](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca)
![CountriesPresentation Final](https://github.com/DeiviHerreraDiaz09/FrontendTest/assets/154428353/6022e930-f3d3-4843-b4e0-6f35ce347ef8)