/GraphQL

Project Management with GraphQL

Primary LanguageTypeScript

Project Management

Welcome to the Project Management Portal, a web application where users can perform CRUD operations on clients and projects. This application is built to facilitate learning and implementation of GraphQL

Features

Cleints: Create, read, update, and delete clients.
Projects: Manage projects with CRUD operations

Technologies

Client-Side Technologies

  • Frontend Framework: React
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • Form Handling: React Hook Form
  • GraphQL: Apollo Client
  • Routing: React Router DOM
  • UI Components: Headless UI, Radix UI
  • Form Validation: Zod

Server-Side Technologies

  • Backend Framework: Node.js, Express, MongoDB
  • GraphQL: express-graphql
  • Environment Variables: dotenv
  • Utility Libraries: cors, colors
  • Database ORM: Mongoose

Clone the repository:

Bash
git clone https://github.com/dhirendrasingh25/GraphQL.git

Install dependencies: 

Bash
cd client
npm install
Create a .env file in the client directory and add your environment variables

cd server
npm install
Use code with caution. Learn more
Create a .env file in the server directory and add your environment variables

Start the development servers:

Bash
cd client
npm run dev

cd server
npm run dev
Use code with caution. Learn more
Future Update Plans
  • Integrate more third-party services.
  • Add more complex GraphQL queries and mutations.
  • Add more CRUD operations.
Contribution
  1. Fork the repository
  2. Create a new branch for your changes
  3. Make your changes and commit them
  4. Push your changes to your fork 5. Create a pull request