Link Website   |    About   |    Technologies   |    Getting Started   |    License

User Registration/Login:

Sending/Receiving messages:

---

❓ About

A Realtime Chat Application to send and receive messages.

I developed this app to fix knowledge and learn new things like Websockets, GraphQL/Type-GraphQL, Apollo and authentication in these platforms. I also made a Figma template.

"Link" website here
"Link" template here

⚙️ Technologies

These are the technologies that I used to develop this application:

⌨️ Typescript —> Extends JavaScript by adding types;
⚙️ NodeJS —> A platform for building network applications;
📊 GraphQL —> A query language for APIs;
📊 Type-GraphQL —> GraphQL with types;
📊 Apollo Server Express —> A spec-compliant GraphQL server;
🌐 JSON Web Token —> Used to manage the tokens (Example: authentication);
📚 Typeorm —> Used to manage databases;
📚 Postgres —> Used to store users and messages;
⚛️ ReactJS —> A JavaScript library for building user interfaces;
💅 Styled-components —> Tagged template literals to style the components;
📊 Apollo Client —> A comprehensive state management library with GraphQL;
✅ Yup —> Used to validate forms;
✅ Unform —> Used to create forms;

Getting Started

1. Clone this repo: git clone https://github.com/erickivel/Link.git
2. Move to the directory: cd Link

Server

1. Move to the server directory: cd server
2. Run yarn or npm install to install the dependencies
3. Run yarn dev:server or npm run dev:server to start the server
4. The server runs on http://localhost:4000/graphql

Web

1. Move to the web directory: cd web
2. Run yarn or npm install to install the dependencies
3. Run yarn start or npm run start to start the web application
4. The web application runs on http://localhost:3000

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.