Messaging App using Nestjs, GraphQL, React, Apollo Client, codegen

This is a modern messaging app built with cutting-edge web technologies, offering real-time chat functionality and seamless performance. The app is developed using React, TypeScript, GraphQL, and Apollo Client, with code generation for improved developer experience.

Technologies Used

• React - A powerful and flexible JavaScript library for building user interfaces.
• TypeScript - Typed JavaScript for safer and scalable code.
• Vite - A fast development environment with Hot Module Replacement (HMR).
• GraphQL - A query language for your API, providing a more efficient, powerful, and flexible alternative to REST.
• Apollo Client - A state management library for JavaScript that enables you to interact with your GraphQL API.
• Codegen - Automatically generates TypeScript types and hooks based on your GraphQL schema.
• ESLint - Linting utility for enforcing consistent code style and catching errors.
• Prettier - Code formatting for better readability and maintenance.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (>= 16.x)
• npm (>= 7.x)

Setup

1. Clone the repository:

git clone https://github.com/your-username/messaging-app.git
cd messaging-app

2. Install dependencies:

npm install

3. .env file

VITE_API_URL=

3. Generate GraphQL types and hooks:

npm run codegen

4. Start the development server:

npm run dev

Backend Repo

BACKEND