High Value Man

Tajwid Revision

- currently can only be filtered by harkat, nasal sound (ghunnah) & letters (huruf)
- built using Next12 with React18 features

Portfolio V4

Personal portfolio web app version 4

- Technology stack use: MENN
- Total revamp from the previous version (Portfolio V3)
- CRUD functionality available for all content of the Portfolio
- Using MaterialUI for front-end styling & template
- Integration of Markdown on the front-end part with `react-markdown` & `react-syntax-highlighter` packages (assisting on every page that need long & elaborate text)
- Integration of `disqus-react` package for assisting in handling comments on Post/Single blog pages
- All API's endpoint has error handling capability by specifying relevant status error code and respond/error message (front-end & back-end)
- using session-based authentication with redis
- Hosted using EC2 AWS

Html

Css|Scss

NodeJs

Nodemailer

MongoDb

Express Session

React

Rest

Send Custom Mail

Integration module for sending emails using custom's domain name

- (eg: anydomainname.anyextention) via Nodemailer npm packages in Node.js server environtment

Simple Session Auth

Integration module for authentication purposes

- Using session-based auth in Node.js environtment 

Vanilla JavaScript

Simple Jwt Auth

Integration module for authentication

- Using JSON Web Token (JWT) npm packages in Node JS environment

Portfolio V3

Personal portfolio web app version 3

- Upgraded version of Portfolio 2 (frontend & backend design wise)
- Able to CRUD only for Blog data
- Implementation of EJS (front-end templating) rather than making fetch call to backend (Node JS)
- Implementation of Markdown related NPM packages on server and client side (highlight.js)
- Integration of email sending with Nodemailer

Portfolio V2

Personal portfolio web app version 2

- Fully Vanilla JavaScript Web App
- CRUD actions available are only limited to get/read & display data
- Simple API fetch calls to get/read data from server: Node JS (data retrieved from MongoDB Atlas)

Budget 2.0

Budget web app for simple budget calculation version 2

- Updated version from previous Budget Web App
- Using fully Vanilla JavaScript (frontend) and Node JS (backend) with the integration of live MongoDB database at MongoDB Atlas (storing user data)

Easy Instagram Api

Instagram Web Scraping with Vanilla JavaScript Ajax

Budget 1.0

Budget web app for simple budget calculation version 1

- Using fully Vanilla JavaScript

Portfolio V1

Personal portfolio web app version 1

- Using static html with custom CSS only

Toyyiban DimLicious

CMS for Dim Sum's product

- A CMS type of website using WordPress with the integration of custom CSS.
- Content of the website is regarding Dim Sum frozen food product