# 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/)

***

<details>

<summary>Workspace Essentials <strong>😍</strong></summary>

* [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

</details>

***

## 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:&#x20;
    * 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): <https://github.com/dropbox/zxcvbn>

***

[**💻** 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](https://ph.benjtupas.com/code/comparing-javascript-testing-frameworks)

***

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: 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:

```
GET https://ph.benjtupas.com/code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.