This application was build using React with TypeScript on client application and NodeJS, Express, MongoDB and GraphQL in the server application.
The application let the users to create notebook, pages, and notes. For the meantime the application's client side was only saving the data within browser's local storage while the server application was still under development.
PS: This application is only my side project to practice grid layout as well as maximizing TypeScript technology.
The client side of this application was built with React Typescript and the use of Context API for global state management of the application. I also implemented a grid layout system for organizing my the notebook page as well as its content. Currently, I only built a layout for large screens but soon I will also implement for small screens like phone and tablets.
This page is the initial look of the application without any notebooks, pages, and notes created.
This page is the look when a notebook is created.
This page is the look when a page is created.
The backend side of the application was created with NodeJS, ExpressJS, GraphQL, and MongoDB. I normally create backend with Express without using GraphQL. However I'm currently learning how to use GraphQL technology to create backend application.