Overview
MERNG Dashboard is a simple Admin Dashboard Web Application built with MERNG stack which stands for:
- MongoDB
- Express
- React
- Node.js
- GraphQL
This is my first time creating a GraphQL API, learning how authentication flow works with JSON Web Token (JWT).
Instead of hosting my own Database, I prefer to choose Mongo DB Atlas as the Cloud Database, the reasons are:
- This is my first time doing Backend stuff, and at that time, I don't know how to deal with database at all. So Cloud Database like Mongo DB Atlas is the best option I think.
- It's
free
Technologies
- GraphQL Library: Apollo
- UI Component Library: Chakra UI
- Form management:
react-hook-form - I18n:
react-intl - GraphQL Schema to TypeScript type generator:
graphql-codegen - Object schema validation:
- Frontend
yup - Backend
class-validator
- Frontend
- GraphQL schema and resolvers abstraction from TypeScript classes and decorators:
type-graphql
This App is mostly written in
TypeScript