CODE ESI Admin Dashboard

About the project

This is the dashboard admin app to manage codeesi.com data using CODE ESI GRAPHQL API

Used technical skills

• ReactJS
• Next.js
• GraphQL
• Apollo Client
• MUI
• MUI-Icons
• TailwindCSS
• Vercel
• Figma

Pages

• /myapi/v1/admin: Route page for our API
• /myapi/v1/admin/activities: Dashboard to visualize activities data and manage it
• /myapi/v1/admin/organizations: Dashboard to visualize organizations data and manage it
• /myapi/v1/admin/persons: Dashboard to visualize persons data and manage it

Queries -Requesting data from backend API-:

under /apollo/graphql/queries.js our queries objects to request data from the backend API CODE ESI GRAPHQL API

Mutations -CRUD Operations using the backend API-:

under /apollo/graphql/mutations.js our mutations objects to add, update and delete data using mutations defined in the backend API CODE ESI GRAPHQL API

Authentication for admin

Firebase Authentication API

To prevent access to the dashboard admin for everyone.

Storing files

Firebase Storage API

to store images in GCP

Deployement

The Admin Dashboard is deployed on Vercel platform, and it uses its backend API CODE ESI GRAPHQL API to manage data for the frontend codeesi.com

Visit my portfolio

Ahmed Bargady