92 add user management

.gitignore

@@ -8,6 +8,7 @@
 
 # testing
 /coverage
+/coverage*
 
 # next.js
 /.next/

.husky/pre-commit

@@ -1,3 +0,0 @@
-# yarn test
-
-# git commit --no-verify

README.md

@@ -1,29 +1,40 @@
-# ❤️Portfolio based on Next.js & tailwindcss
-
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## 🔖Repository Status
+![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fjames-gates-0212%2Fportfolio)
+![GitHub forks](https://img.shields.io/github/forks/james-gates-0212/portfolio?style=flat)
+![GitHub Discussions](https://img.shields.io/github/discussions/james-gates-0212/portfolio)
+![GitHub Issues](https://img.shields.io/github/issues/james-gates-0212/portfolio)
+![GitHub License](https://img.shields.io/github/license/james-gates-0212/portfolio)
+![GitHub Repo stars](https://img.shields.io/github/stars/james-gates-0212/portfolio?style=flat)
+![GitHub top language](https://img.shields.io/github/languages/top/james-gates-0212/portfolio)
+![GitHub repo file or directory count](https://img.shields.io/github/directory-file-count/james-gates-0212/portfolio)
+![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/james-gates-0212/portfolio)
+![GitHub repo size](https://img.shields.io/github/repo-size/james-gates-0212/portfolio)
+![GitHub Release](https://img.shields.io/github/v/release/james-gates-0212/portfolio)
+![GitHub Tag](https://img.shields.io/github/v/tag/james-gates-0212/portfolio)
 
 [![Auto Assign](https://github.com/james-gates-0212/portfolio/actions/workflows/auto-assign.yml/badge.svg)](https://github.com/james-gates-0212/portfolio/actions/workflows/auto-assign.yml)
 [![CodeQL](https://github.com/james-gates-0212/portfolio/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/james-gates-0212/portfolio/actions/workflows/github-code-scanning/codeql)
 [![Deploy Next.js site to Pages](https://github.com/james-gates-0212/portfolio/actions/workflows/deploy-nextjs-site-to-pages.yml/badge.svg)](https://github.com/james-gates-0212/portfolio/actions/workflows/deploy-nextjs-site-to-pages.yml)
 [![Next.js Bundle Analysis](https://github.com/james-gates-0212/portfolio/actions/workflows/nextjs-bundle-analysis.yml/badge.svg)](https://github.com/james-gates-0212/portfolio/actions/workflows/nextjs-bundle-analysis.yml)
 [![Proof HTML](https://github.com/james-gates-0212/portfolio/actions/workflows/proof-html.yml/badge.svg)](https://github.com/james-gates-0212/portfolio/actions/workflows/proof-html.yml)
 
-## 📝Environment
+# Portfolio based on Next.js & tailwindcss
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Environment
 
 - node 18.x or later
 - yarn 1.x or later
 - npm 8.x or later
 
-## 🚧Install npm packages
+## Install npm packages
 
 ```bash
 npm i -g yarn
 yarn
 ```
 
-## 🌈Getting Started
+## Getting Started
 
 First, run the development server:
 
@@ -37,24 +48,19 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
-## ✅Lint
+## Lint
 
 ```bash
 yarn lint
 ```
 
-## ❤️Prettier
+## Prettier
 
 ```bash
 prettier --write ./
 ```
 
-```bash
-# if you couldn't run above command line, it would work after run this...
-npm i -g prettier
-```
-
-## 🚀Build or Start project as production
+## Build or Start project as production
 
 ```bash
 yarn build
@@ -66,7 +72,7 @@ or
 yarn start
 ```
 
-## 🏆Learn More
+## Learn More
 
 To learn more about Next.js, take a look at the following resources:
 
@@ -75,69 +81,128 @@ To learn more about Next.js, take a look at the following resources:
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-## 🚀Deploy on Vercel
+## Deploy on Vercel
 
 The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
 
-## 🐞Git commit
+## Git commit
 
-Please use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for your commits.
+> [!NOTE]\
+> Please use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for your commits.
 
 e.g.
 
-```commit
-<type>[scope]: <subject>
+```
+{emoji} <type>[scope]: <subject>
 [body]
 [footer]
 ```
 
-### ♻️Types
+### Types
 
-`type` should be one of belows.
+> [!IMPORTANT]\
+> `type` should be one of belows.
 
-```bash
+```
 add
 adopt
 apply
 build
 chore
 config
+delete
 docs
 feat
 fix
 init
 refactor
 remove
 style
+test
+update
+upgrade
 ```
 
-### 📓Subject
-
-`subject` should include one of emojis as belows.
-
-♻️
-⚡️
-✅
-✏️
-✨
-❤️
-⬆️
-⬇️
-⭐️
-🌈
-🎁
-🎉
-🏆
-🐞
-👌
-📓
-📝
-📦
-🔀
-🔖
-🚀
-🚧
-🚨
-🛠️
+### Emoji
+
+> [!IMPORTANT]\
+> Your commit should start with gitmoji code.\
+> Please check the emoji code on https://gitmoji.dev/
+
+| Description                                                   | Emoji | Code                          |
+| :------------------------------------------------------------ | :---: | :---------------------------- |
+| Add a dependency.                                             |  ➕   | `:heavy_plus_sign:`           |
+| Add a failing test.                                           |  🧪   | `:test_tube:`                 |
+| Add or update a .gitignore file.                              |  🙈   | `:see_no_evil:`               |
+| Add or update an easter egg.                                  |  🥚   | `:egg:`                       |
+| Add or update analytics or track code.                        |  📈   | `:chart_with_upwards_trend:`  |
+| Add or update animations and transitions.                     |  💫   | `:dizzy:`                     |
+| Add or update assets.                                         |  🍱   | `:bento:`                     |
+| Add or update business logic.                                 |  👔   | `:necktie:`                   |
+| Add or update CI build system.                                |  👷   | `:construction_worker:`       |
+| Add or update code related to multithreading or concurrency.  |  🧵   | `:thread:`                    |
+| Add or update code related to validation.                     |  🦺   | `:safety_vest:`               |
+| Add or update comments in source code.                        |  💡   | `:bulb:`                      |
+| Add or update compiled files or packages.                     |  📦️  | `:package:`                   |
+| Add or update configuration files.                            |  🔧   | `:wrench:`                    |
+| Add or update contributor(s).                                 |  👥   | `:busts_in_silhouette:`       |
+| Add or update development scripts.                            |  🔨   | `:hammer:`                    |
+| Add or update documentation.                                  |  📝   | `:memo:`                      |
+| Add or update healthcheck.                                    |  🩺   | `:stethoscope:`               |
+| Add or update license.                                        |  📄   | `:page_facing_up:`            |
+| Add or update logs.                                           |  🔊   | `:loud_sound:`                |
+| Add or update secrets.                                        |  🔐   | `:closed_lock_with_key:`      |
+| Add or update seed files.                                     |  🌱   | `:seedling:`                  |
+| Add or update snapshots.                                      |  📸   | `:camera_flash:`              |
+| Add or update text and literals.                              |  💬   | `:speech_balloon:`            |
+| Add or update the UI and style files.                         |  💄   | `:lipstick:`                  |
+| Add or update types.                                          |  🏷️   | `:label:`                     |
+| Add sponsorships or money related infrastructure.             |  💸   | `:money_with_wings:`          |
+| Add, update, or pass tests.                                   |  ✅   | `:white_check_mark:`          |
+| Add, update, or remove feature flags.                         |  🚩   | `:triangular_flag_on_post:`   |
+| Begin a project.                                              |  🎉   | `:tada:`                      |
+| Catch errors.                                                 |  🥅   | `:goal_net:`                  |
+| Critical hotfix.                                              |  🚑️  | `:ambulance:`                 |
+| Data exploration/inspection.                                  |  🧐   | `:monocle_face:`              |
+| Deploy stuff.                                                 |  🚀   | `:rocket:`                    |
+| Deprecate code that needs to be cleaned up.                   |  🗑️   | `:wastebasket:`               |
+| Downgrade dependencies.                                       |  ⬇️   | `:arrow_down:`                |
+| Fix a bug.                                                    |  🐛   | `:bug:`                       |
+| Fix CI Build.                                                 |  💚   | `:green_heart:`               |
+| Fix compiler / linter warnings.                               |  🚨   | `:rotating_light:`            |
+| Fix security or privacy issues.                               |  🔒️  | `:lock:`                      |
+| Fix typos.                                                    |  ✏️   | `:pencil2:`                   |
+| Improve accessibility.                                        |  ♿️   | `:wheelchair:`                |
+| Improve developer experience.                                 |  🧑‍💻   | `:technologist:`              |
+| Improve performance.                                          |  ⚡️  | `:zap:`                       |
+| Improve SEO.                                                  |  🔍️  | `:mag:`                       |
+| Improve structure / format of the code.                       |  🎨   | `:art:`                       |
+| Improve user experience / usability.                          |  🚸   | `:children_crossing:`         |
+| Infrastructure related changes.                               |  🧱   | `:bricks:`                    |
+| Internationalization and localization.                        |  🌐   | `:globe_with_meridians:`      |
+| Introduce breaking changes.                                   |  💥   | `:boom:`                      |
+| Introduce new features.                                       |  ✨   | `:sparkles:`                  |
+| Make architectural changes.                                   |  🏗️   | `:building_construction:`     |
+| Merge branches.                                               |  🔀   | `:twisted_rightwards_arrows:` |
+| Mock things.                                                  |  🤡   | `:clown_face:`                |
+| Move or rename resources (e.g.: files, paths, routes).        |  🚚   | `:truck:`                     |
+| Perform database related changes.                             |  🗃️   | `:card_file_box:`             |
+| Perform experiments.                                          |  ⚗️   | `:alembic:`                   |
+| Pin dependencies to specific versions.                        |  📌   | `:pushpin:`                   |
+| Refactor code.                                                |  ♻️   | `:recycle:`                   |
+| Release / Version tags.                                       |  🔖   | `:bookmark:`                  |
+| Remove a dependency.                                          |  ➖   | `:heavy_minus_sign:`          |
+| Remove code or files.                                         |  🔥   | `:fire:`                      |
+| Remove dead code.                                             |  ⚰️   | `:coffin:`                    |
+| Remove logs.                                                  |  🔇   | `:mute:`                      |
+| Revert changes.                                               |  ⏪️  | `:rewind:`                    |
+| Simple fix for a non-critical issue.                          |  🩹   | `:adhesive_bandage:`          |
+| Update code due to external API changes.                      |  👽️  | `:alien:`                     |
+| Upgrade dependencies.                                         |  ⬆️   | `:arrow_up:`                  |
+| Work in progress.                                             |  🚧   | `:construction:`              |
+| Work on code related to authorization, roles and permissions. |  🛂   | `:passport_control:`          |
+| Work on responsive design.                                    |  📱   | `:iphone:`                    |
+| Write bad code that needs to be improved.                     |  💩   | `:poop:`                      |
+| Write code drunkenly.                                         |  🍻   | `:beers:`                     |

commitlint.config.js

@@ -1,54 +1,6 @@
-const emojis = [
-  '♻️',
-  '⚡️',
-  '✅',
-  '✏️',
-  '✨',
-  '❤️',
-  '⬆️',
-  '⬇️',
-  '⭐️',
-  '🌈',
-  '🎁',
-  '🎉',
-  '🏆',
-  '🐞',
-  '👌',
-  '📓',
-  '📝',
-  '📦',
-  '🔀',
-  '🔖',
-  '🚀',
-  '🚧',
-  '🚨',
-  '🛠️',
-];
-
-const includeEmojis = new RegExp(`[${emojis.join('')}]`, 'g');
-
 const config = {
-  extends: ['@commitlint/config-conventional'],
-  plugins: [
-    {
-      rules: {
-        'header-match-team-pattern': (parsed) => {
-          const { subject } = parsed;
-          if (includeEmojis.test(subject) === false) {
-            return [false, 'subject should include one of [' + emojis.join(', ') + ']'];
-          }
-          return [true, ''];
-        },
-      },
-    },
-  ],
-  /*
-   * Any rules defined here will override rules from @commitlint/config-conventional
-   */
+  extends: ['gitmoji'],
   rules: {
-    'scope-case': [0, 'always', 'lower-case'],
-    'subject-case': [0, 'always', 'lower-case'],
-    'header-match-team-pattern': [2, 'always'],
     'type-enum': [
       2,
       'always',
@@ -59,13 +11,17 @@ const config = {
         'build',
         'chore',
         'config',
+        'delete',
         'docs',
         'feat',
         'fix',
         'init',
         'refactor',
         'remove',
         'style',
+        'test',
+        'update',
+        'upgrade',
       ],
     ],
   },

next.config.js

@@ -7,14 +7,16 @@ const withBundleAnalyzer = NextBundleAnalyzer({
 });
 
 const nextConfig = withBundleAnalyzer({
-  output: 'export',
-  images: { unoptimized: process.env.NODE_ENV === 'development' },
+  reactStrictMode: false,
   basePath: process.env.BASE_PATH || '',
   generateBuildId: async () => {
     // This could be anything, using the latest git hash
     const commitHash = ChildProcess.execSync('git log --pretty=format:"%h" -n1').toString().trim();
     return process.env.GIT_HASH || commitHash;
   },
+  experimental: {
+    serverComponentsExternalPackages: ['sequelize'],
+  },
 });
 
 module.exports = nextConfig;