Giter Site home page Giter Site logo

reactproject's Introduction

SOUNDWAVE: un proyecto de React con estilo

Introducción

SoundWave, se ha posicionado en el mercado como la competencia directa de Spotify. Con una calidad de sonido extraordinaria y la gran variedad de canciones que ofrece está ganando adeptos a pasos agigantados. No obstante, quieren acelerar el proceso de subscripción a su plataforma con una nueva campaña de marketing digital.

Han contactado contigo por tu reputación como maquetadora web, y te piden que lleves a cabo el desarrollo de una landing page para buscar nuevos suscriptores. Formas parte de un equipo interdisciplinar donde una UX Designer ya ha construido la maqueta que tendrás que llevar al código. Posteriormente, el equipo de marketing digital posicionará la página en los navegadores.

Requerimientos técnicos

  • La web deberá estar desarrollada en React con TypeScript.
  • La web deberá ser responsive.
  • Los estilos deberán aplicarse con módulos css, styled components, o algún framework de css.
  • La web deberá ser fiel al prototipo.
  • La web deberá estar desplegada.
  • Se deberá usar SCRUM para organizar el sprint.
  • Se investigará qué es react-router-dom y se utilizará para las rutas de la navbar.
  • Se aplicará Atomic Design.
  • Podéis utilizar hooks y props (pero no es imprescindible).

Recursos

Para esta app, he trabajado con ant design como framework de diseño, y para el diseño de la pagina he implementado el framwork vite con la librería de React y todo se ha escrito en typescrypt.

Capturas de las páginas creadas

Home page

image

Discover page

image

Join page

image

Enlace de despliegue

El despliegue lo he heacho con vercel, ya que github pages me presentaba un poco de problema. El link de acceso es: Deploy

reactproject's People

Contributors

alens678 avatar github-classroom[bot] avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.