https://github.com/markalbrand56/stw-proyecto-1

Sistemas y Tecnologías Web: Proyecto 1. Réplica de página web
https://github.com/markalbrand56/stw-proyecto-1

html-css-javascript react replication

Last synced: 3 months ago
JSON representation

Sistemas y Tecnologías Web: Proyecto 1. Réplica de página web

• Host: GitHub
• URL: https://github.com/markalbrand56/stw-proyecto-1
• Owner: markalbrand56
• Created: 2023-03-24T06:28:46.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-10T04:54:42.000Z (about 2 years ago)
• Last Synced: 2025-01-15T18:39:37.662Z (5 months ago)
• Topics: html-css-javascript, react, replication
• Language: JavaScript
• Homepage: https://uvgenios.online/21004/STW-Proyecto-1/
• Size: 1.76 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Proyecto 1

![JS](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)

![Yarn](https://img.shields.io/badge/Yarn-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white)

![WebStorm](https://img.shields.io/badge/WebStorm-000000?style=for-the-badge&logo=WebStorm&logoColor=white)

## Sistemas y Tecnologías Web

### Mark Albrand

## Rúbrica

- [x] [Criterio subjetivo] (40 puntos) Según qué tan similar sea su diseño al sitio en el que se basaron, deben enviar el sitio en los comentarios.

- [x]  (10 puntos) Si entregan un link a su proyecto publicado en el servidor de la clase

- [x]  (20 puntos) Por explicar a través de un README bien formateado (hint) qué tecnologías implementaron

- [ ]  (10 puntos) Por no incluir ni un solo archivo de html en su proyecto

- [x]  (5 puntos) Por implementar React

- [x]  (15 puntos) Por implementar ESLint con las reglas:

  'plugin:react/recommended',

  'airbnb-base',

  'airbnb/rules/react',

  Su código no puede tener errores para que cuente

  Deben proveer un script "lint"

- [ ]  (5 puntos) Por implementar un pre procesador de css como emotion, linaria, saas o less

- [x]  (5 puntos) Por implementar css modules

- [ ]  (5 puntos) Por implementar loaders para imágenes SVG

- [ ]  (5 puntos) Por implementar PostCSS

- [ ]  (50 puntos) Por implementar Server Side Rendering en su aplicación (sin utilizar ninguna librería adicional)

- [x]  10 puntos) Por implementar al menos un test sobre su código usando vitest o jest

- [x]  (10 puntos) Por implementar al menos un test visual sobre su código usando storybook

## Página a replicar

### [F1 Academy](https://www.f1academy.com/)

#### Screenshots de la página al momento de replicarla

![Página Principal](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/img/2023-04-27.png)

![Página Principal 2](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/img/2023-04-27%20(1).png)

![Página Principal 3](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/img/2023-04-27%20(2).png)

## [Storybook](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/src/components/Calendar/Calendar.stories.js)

![Evidencia Storybook](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/img/sc_storybook.png)

## [Tests](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/src/components/Calendar/Calendar.test.jsx)

![Evidencia Tests](https://github.com/markalbrand56/STW-Proyecto-1/blob/master/img/tests.png)