> For the complete documentation index, see [llms.txt](https://ph.benjtupas.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ph.benjtupas.com/code.md).
# Code
As the popular saying goes: "Don't reinvent the wheel". Make your life easy by using battle-tested libraries built and maintained by millions of hard-working developers instead of building your own.
## Frontend
* ReactJS: [react.dev](https://react.dev/)
* NextJS: [nextjs.org](https://nextjs.org/)\
\- Use by Netflix, Tiktok, Nike, Notion, GoPro, Ferrari, Porsche, Marvel
* Zustand: [github.com/pmndrs/zustand](https://github.com/pmndrs/zustand)
* Material UI: [mui.com](https://mui.com/)
* Charts:
* [Chart.js](https://www.chartjs.org/)
* [Compilation](https://awesome.cube.dev/?tools=charts)
* Shadcn UI: [ui.shadcn.com](https://ui.shadcn.com/)
* AngularJS: [angularjs.org](https://angularjs.org/)
* VueJS: [vuejs.org](https://vuejs.org/)
***
Workspace Essentials 😍
* [Laptop Backpack](https://s.amplifygigs.com/yksz9LsD) (Black)
* [Macbook Air 15”](https://s.amplifygigs.com/fu5Ncoan)
* [Logitech Mouse](https://s.amplifygigs.com/91IH4mX7)
* [Keychron Mechanical Keyboard](https://s.amplifygigs.com/VcjgHSOO)
* [Sandisk 1TB SSD](https://s.amplifygigs.com/L8kfa1dp)
* [Samsung 28" 4K Monitor](https://s.amplifygigs.com/k0cKpQnu)
* [Baseus 3-in-1 30W Charger](https://s.amplifygigs.com/8jwxDmfa) (Black)
* [Aquaflask Water Bottle](https://s.amplifygigs.com/UAygt79q) (Space Black)
* [Gadget Organizer Bag](https://s.amplifygigs.com/eo7oXIg0) (Black - Large)
😍 Powered by [**AmplifyGigs**](https://www.amplifygigs.com/), a platform where you can monetize your stories, posts, and websites with brands you love
***
## Backend
* ExpressJS: [expressjs.com](https://expressjs.com/)
* SQL
* PostgreSQL: [postgresql.org](https://www.postgresql.org/)
* Node Postgres: [node-postgres.com](https://node-postgres.com/)
* TypeORM: [typeorm.io](https://typeorm.io)
* Sequalize: [sequelize.org](https://sequelize.org/)
* Prisma: [prisma.io](https://www.prisma.io/)
* Email:
* SendGrid: [sendgrid.com](https://sendgrid.com/)
* NodeMailer:
* Docs: [nodemailer.com](https://nodemailer.com)
* Tutorial (GMail): [youtube.com/watch?v=klDTBiW6iiM](https://www.youtube.com/watch?v=klDTBiW6iiM)
* Dot Env: [npmjs.com/package/dotenv](https://www.npmjs.com/package/dotenv)
* CronJobs
* Cron: [npmjs.com/package/cron](https://www.npmjs.com/package/cron)
* CronTabGuru: [crontab.guru](https://crontab.guru)
* Helmet.js
* Docs: [helmetjs.github.io](https://helmetjs.github.io/)
* Tutorial: [youtube.com/watch?v=tGMPWVl\_l9Y](https://www.youtube.com/watch?v=tGMPWVl_l9Y)
***
## Both
* Axios: [npmjs.com/package/axios](https://www.npmjs.com/package/axios)
* DayJS: [npmjs.com/package/dayjs](https://www.npmjs.com/package/dayjs)
* MomentJS: [momentjs.com](https://momentjs.com/)
* Clerk Authentication and User Management: [clerk.com](https://clerk.com/)
* ZXCVBN (Dropbox's Password Strength Library):
***
[**💻** This Macbook with a Large Screen Will Save You P70,000](https://www.benjtupas.com/code/macbook-air-15)
***
## Editor and Extensions:
* Prettier
* Docs: [npmjs.com/package/prettier](https://www.npmjs.com/package/prettier)
* Tutorial: [youtube.com/watch?v=DqfQ4DPnRqI](https://www.youtube.com/watch?v=DqfQ4DPnRqI)
* Visual Studio Code
* [Material Icon](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
* [CodeSnap](https://codesnap.dev/)
* [Live Share](https://visualstudio.microsoft.com/services/live-share)
* [Import Code](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
* [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
* Nodemon: [nodemon.io](https://nodemon.io/)
* [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)
***
## Cloud
* AWS: [aws.amazon.com](https://aws.amazon.com/)
* Google Cloud: [cloud.google.com](https://cloud.google.com/)
* Firebase: [firebase.google.com](https://firebase.google.com/)
***
## Testing
* JestJS: [jestjs.io](https://jestjs.io/)
* Cypress: [cypress.io](https://www.cypress.io/)
* Mocha: [mochajs.org](https://mochajs.org/)
* Jasmine: [jasmine.github.io](https://jasmine.github.io/)
* Tape: [github.com/ljharb/tape](https://github.com/ljharb/tape)
* [See Comparison Here](/code/comparing-javascript-testing-frameworks.md)
***
Thanks for reaching this far!
👋 [**@benjtupas**](https://instagram.com/benjtupas) **-** Follow me on Instagram
**😍** [**AmplifyGigs**](https://www.amplifygigs.com) - Earn from Sharing Products You Love with Friends and Followers
🇵🇭 [**Travel PH82 Guide**](https://www.amplifygigs.com) - visit the 82 provinces of the Philippines
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://ph.benjtupas.com/code.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.