# 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