Project Manager

Overview

A quick and easy way to organize completed, current, or future project ideas.

With appealing visuals and a simple UI, users can immediately understand how to add new users and projects, filter projects, and delete users or projects.

Goals

Build a fullstack project on the MERN stack and implement GraphQL and APollo Client.

Manage CRUD operations through mutations and queries based on Mongoose and GraphQL schemas.

Avoid redundant network requests - Use Apollo's in-memory cache for immediate response to already cached queries without sending another network request.

Implement dynamic page routing using React Router Dom for users to view each project.

Learn Bootstrap CSS for easier and more efficient styling, and implement modals for better user experience.

When deleting a user, all projects associated with that user ID gets deleted and updated on the home page.

Allow users to filter projects based on status.

Next Steps

Implement GraphQL's pagination or infinite scroll to load more projects and more users.

Advanced filter options by layering multiple filters - projects based on user, start date, and time it took to complete projects.