Giter Club home page Giter Club logo

modulo-1-evaluacion-final-azaharagv's Introduction

status readme techs


Chat We. with String Projects

This project has been developed for String as our final project for Adalab.

This project is based on the development of a kind of social network focused on messaging. It is intended to facilitate the communication among members of the same channel or private group. This social network will allow us to log in as users, access these groups and be able to send messages within them creating a thread.

This project was developed by:

Bismilah Langford: https://github.com/bismilahlf
Cristina Pérez: https://github.com/crstinapl
María Ramírez: https://github.com/mariavioleta1417
María Victoria Rubio: https://github.com/mariviru
Raquel Villaverde: https://github.com/raquelv85
Raquel Romo: https://github.com/rqlromo

Project structure

The project has been created with React, therefore, its structure is based on components.

Content and Characteristics

  • Login and logout
  • Group listing page
  • Group conversation page
  • Thread page

If you want to contribute:

First of all, you must clone this project from our repository on Github.

Instalation

In order to install the project, you must type npm install into the terminal to install the node modules packages.

Start Project

To start the project, type npm start.

Used technologies

This app has been built using bootstrap,react,javascript,jsx and sass.

Tools

This project has been created with Create React App (https://github.com/facebookincubator/create-react-app), a generating tool that automates the installation of React and Babel, which will transform the ES6 code into ES5 and preconfigure the project.

Below you will find some information on how to perform common tasks. You can find the most recent version of this guide here.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make any changes. You will also see any lint errors in the console.

npm run build

It builds the app for production to the build folder. It correctly sets React into production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

modulo-1-evaluacion-final-azaharagv's People

Contributors

azaharasiroco avatar

Stargazers

 avatar

Watchers

 avatar

modulo-1-evaluacion-final-azaharagv's Issues

Mejoras

Muy buen trabajo @AzaharaGV!!!

Aquí tienes unos consejos para mejorar tu ejercicio:

Puntuación: 241 / 429

  • HTML > HERO: El texto del título del hero debe ser: Anonymous proxy.

  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Insomnia tips".

  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Insomnia tips" que sea un H2 - H6.

  • HTML > MÓDULO LOOKING: Debe haber un elemento con el texto "Looking through a window".

  • HTML > MÓDULO LOOKING: Debe haber un párrafo con el texto "Donec accumsan...".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Ut sed metus".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Lorem ipsum dolor sit amet, consecteur.".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Curabitur ac erat".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Mauris mattis urna quis lorem molestie.".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Morbi dictum".

  • HTML > MÓDULO 3 REASON: Debe haber un elemento con el texto "Aliquam in dolor et dolor tincidunt.".

  • HTML > FOOTER: Debe haber un elemento con el texto "2021".

  • HTML > FOOTER: Debe haber un a con el texto "Articles".

  • HTML > FOOTER: Debe haber un a con el texto "Books".

  • HTML > FOOTER: Debe haber un a con el texto "Events".

  • HTML > FOOTER: Debe haber un a con el texto "Reasons".

  • HTML > FOOTER: Debe haber un a con el texto "Tips".

  • HTML > FOOTER: Debe haber un a con el texto "Twitter".

  • HTML > FOOTER: Debe haber un a con el texto "Instagram".

  • HTML > FOOTER: Debe haber un a con el texto "Mastodon.social".

  • HTML > FOOTER: Necesitamos una o dos etiquetas nav dentro del footer.

  • HTML > FOOTER: Necesitamos dos ul dentro de nav.

  • HTML > FOOTER: Necesitamos ocho li dentro de los ul.

  • HTML > FOOTER: Necesitamos ocho a dentro de los li.

  • CSS > HAMBURGUESA: El menú de la hamburguesa debe estar posicionado de forma fija.

  • CSS > HAMBURGUESA: El menú de la hamburguesa debe estar posicionado en la parte superior izquierda.

  • CSS > HAMBURGUESA: El menú de la hamburguesa debe tener fondo azul 0271bc.

  • CSS > HERO: El hero debe medir 800px de alto cuando el tamaño de la ventana es 800px.

  • CSS > HERO: El hero debe medir 1000px de alto cuando el tamaño de la ventana es 1000px.

  • CSS > HERO: El hero debe tener una imagen de fondo centrada horizontal y verticalmente.

  • CSS > HERO: La fuente o color de "Anonymous proxy" no es correcto.

  • CSS > HERO: El tamaño en tablet de "Anonymous proxy" no es correcto.

  • CSS > HERO: El tamaño en desktop de "Anonymous proxy" no es correcto.

  • CSS > FOOTER: El footer en tablet debe estar maquetado con > flex-direction: row.

  • CSS > FOOTER: Alguno de los elementos del footer en tablet deben estar maquetado con flexbox > order.

  • CSS > TRANSICIONES: Debemos usar alguna transición CSS.

Es posible que cuando corrijas uno de estos puntos, otros se corrijan solos, ya que unos dependen de otros.

Y recuerda algo muy importante:

  • Escribe tu código en inglés.
  • Escribe todos los ficheros y carpetas en inglés.
  • Los commits también tienen que ser en inglés, empezando por un verbo en infinitivo.

Ánimo y si tienes cualquier duda avísame!!!

Con cada mejora que hagas, márcala como completada en este issue y su súbela a este repo.

Este issue ha sido creado automáticamente por ello puede tener algún error, si hay algo que no te encaja escribe por slack al coordinador de Adalab.

Para corregir el ejercicio buscamos determinadas palabras en el código para identificar las secciones. Por ejemplo buscamos Creando para buscar el título de la página. Si has escrito mal alguna palabra en el código es posible que te aparezcan aquí falsos errores.

Por favor no cierres este issue, ya lo haremos nosotros.

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.