Giter Club home page Giter Club logo

adalab-project-promo-r-module-3-team-7'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.

adalab-project-promo-r-module-3-team-7's People

Contributors

barbaragb1 avatar lvaldenebro avatar rpg87 avatar tatianarangoc avatar ytaylor avatar

Stargazers

avatar

Forkers

lvaldenebro tatianarangoc rpg87 barbaragb1

adalab-project-promo-r-module-3-team-7's Issues

Motor de plantillas

Creación de un motor de plantillas para poder visualizar las tarjetas creadas.

  • Instalar y configurar el motor de plantillas
  • Crear la vista para mostrar la tarjeta creada
  • Incluir la plantilla en el endpoint correspondiente.

reset

Limpiar el formulario

Maquetar #6

Maquetar un poco para que no se vea feo.

¿Quizás puedo usar bootstrap en esta primera false?

Acuerdos de trabajo

  • canales de comunicacion: Slack , Daylis
  • Scrum Master: primer(Tatiana) segundo (Laura)tercer(Bárbara)
  • division de proyecto trabajo en equipos , parejas e individual.
  • Organización de trabajotrabajar en la hora de proyecto- algunas veces en la tarde de ser necesario.

Generar parejas aleatoriamente #4

Generar parejas aleatoriamente teniendo cuidado de no producir un bucle infinito.

Una vez generadas las pajeras hay que pintarlas en consola.

Servidor de estáticos

Creación de un servidor de estáticos para poder servir la página del módulo 3 desde el nuevo servidor.

  • Configurar el servidor de estáticos en el proyecto, agregar la carpeta ´public´ que contiene los ficheros compilados del proyecto.
  • Crear endpoint para gestionar los errores.

Railway

  • Configurar el servidor para que se despliegue correctamente en Heroku.
  • Subir el proyecto actualizado a una cuenta de repositorio público de Github
  • Crear cuenta gratuita en Heroku.
  • Crear aplicación en Heroku que se conecte con el repositorio público creado anteriormente.

Crear un servidor fake #2

Crear un servidor fake y añadir un fichero .json con información fake y obtenerlo desde la aplicación web con fetch.

Base de datos

  • Crear bases de datos con su tablas, atributos y tipos de datos de cada atributo.
  • Configurar la conexión del servidor con la bases de datos
  • Guardar las tarjetas en base de datos a través de una consulta insert de SQL, hacerlo en el endpoint de crear tarjeta
  • Obtener la información de la tarjeta de la bases de datos, a través de una consulta select SQL. y devolver la tarjeta cuando se realice la petición del - endpoint card.

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.