https://github.com/teammrweb/parches-chat

Parches Chat App 💬
https://github.com/teammrweb/parches-chat

apollo-client apollo-server chat chat-application express graphql javascript mongodb nodejs react sass typescript

Last synced: 2 months ago
JSON representation

Parches Chat App 💬

• Host: GitHub
• URL: https://github.com/teammrweb/parches-chat
• Owner: TeamMrWeb
• License: mit
• Created: 2022-08-27T22:22:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-07T18:53:39.000Z (about 2 years ago)
• Last Synced: 2024-08-03T18:19:58.248Z (5 months ago)
• Topics: apollo-client, apollo-server, chat, chat-application, express, graphql, javascript, mongodb, nodejs, react, sass, typescript
• Language: TypeScript
• Homepage: https://teamparches.github.io/parches-chat/
• Size: 7.06 MB
• Stars: 6
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Parches Chat Front-end 🌌

Esta rama contiene la página web de Parches Chat

> ***Aviso:*** Este proyecto aún se encuentra en desarollo en su fase beta. Puede que las funcionalidades dejen de funcionar de un día para otro.

![parches-chat](https://user-images.githubusercontent.com/49535753/199484312-a9d33368-4411-42cf-8755-47da3ae5cb53.png)

## Tecnologías usadas 💫

[![React](https://img.shields.io/badge/-React-blue?style=for-the-badge&logo=React)](https://es.reactjs.org/)

[![Redux](https://img.shields.io/badge/-Redux-764ABC?style=for-the-badge&logo=Redux)](https://es.redux.js.org/)

[![TypeScript](https://img.shields.io/badge/-TypeScript-white?style=for-the-badge&logo=Typescript)](https://www.typescriptlang.org/)

[![Javascript](https://img.shields.io/badge/-Javascript-critical?style=for-the-badge&logo=Javascript)](https://developer.mozilla.org/es/docs/Web/JavaScript)

[![SASS](https://img.shields.io/badge/-sass-white?style=for-the-badge&logo=sass)](https://sass-lang.com/)

[![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=Graphql)](https://graphql.org/)

[![Apollo Client](https://img.shields.io/badge/-Apollo%20Client-311C87?style=for-the-badge&logo=Apollo%20GraphQL)](https://www.apollographql.com/docs/react/)

## Instalación ⚒

Clonar, cambiar de rama e instalar

```bash

git clone https://github.com/TeamParches/parches-chat.git

cd parches-chat

git checkout frontend

npm i

```

Para ejecutar la aplicación

```bash

npm run dev

```

> ***Aviso:*** Se necesita clonar y ejecutar el servidor de la rama backend para utilizar esta página correctamente de forma local. [Ir a la rama backend](https://github.com/TeamParches/parches-chat/tree/backend)

## Variables de entorno 🏭

La aplicación necesita utilizar ciertas variables de entorno. Para acceder a ellas siga estos pasos:

 - Crear un archivo **.env** en el root de la carpeta frontend

 - Copiar y pegar las variables deseadas del archivo .env.example.txt dentro de **.env**

> ***Aviso:*** Es necesario colocar estas variables para el correcto funcionamiento de la aplicación.

## Despliegue 🚀

Puedes utilizar esta aplicación sin necesidad de instalar ni configurar absolutamente nada. Has click [aquí](https://teamparches.github.io/parches-chat/) para ir al despliegue.

## Usuarios de prueba 🚻

Si no quieres crear una cuenta o agregar a amigos, simplemente utiliza alguno de estos usuarios de prueba.




- `Usuario1:`

      Email: [email protected]

      Password: Exampleuser123

- `Usuario2:`

      Email: [email protected]

      Password: Exampleuser123