james-gates-0212/portfolio

❤️A portfolio built using Next.js, Tailwind CSS, and Flowbite is the bee's knees! Next.js provides a powerful framework for building web applications, while Tailwind CSS offers a fantastic set of utility classes for styling. Flowbite is a real game-changer when it comes to creating stunning UI components.

👋 Hello, I'm James Gates.

I'm James, Senior Full Stack Developer & SEO Expert working remotely since 2022 🚀

About me

As an accomplished Senior Full Stack Developer specializing in SEO and MERN Stack development, I offer a proven track record of crafting resilient and intuitive web applications. Proficient in front-end and back-end technologies, I specialize in delivering scalable solutions that elevate user experiences and boost organic traffic through strategic SEO tactics. Leveraging my expertise in the MERN Stack, I create dynamic, responsive applications tailored to meet the evolving demands of contemporary businesses. Committed to continuous learning and staying abreast of cutting-edge technologies, I am adept at delivering pioneering solutions that surpass client expectations.

Web Application Development is not only my job but also my life.

I can work full time, 8+ hours a day, 6 days a week. I hope to work with you in a long time.

portfolio's Issues

update all links for base path❤️

• use ❤️Link tag instead of a.
• use ❤️Image tag instead of img.

reduce images in navigation bar

reduce images in navigation bar for improving performance of website

convert all images as webp

navbar image link issue on github pages

Fix Security Issues

• https://github.com/james-gates-0212/portfolio/security/dependabot/7[Critical](https://github.com/james-gates-0212/portfolio/security/dependabot?q=is%3Aopen+severity%3Acritical)
• https://github.com/james-gates-0212/portfolio/security/dependabot/8[Moderate](https://github.com/james-gates-0212/portfolio/security/dependabot?q=is%3Aopen+severity%3Amoderate)
• https://github.com/james-gates-0212/portfolio/security/dependabot/6[Moderate](https://github.com/james-gates-0212/portfolio/security/dependabot?q=is%3Aopen+severity%3Amoderate)

add repository badges

• license badge
• discussions badge
• fork badge

Add badges on repository

• add repository stars
• add top language
• add repository files or directories
• add repository code size
• add repository size

Add ✨base path as repository name when build in ❤️GitHub actions.

rewrite vercel.json for assets

to manifest.json, below errors were displayed.
Failed to load resource: net::ERR_CONTENT_DECODING_FAILED

google site verification issue

add gtag for google site verification

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1R1XC6TD2Z"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1R1XC6TD2Z');
</script>

reduce codes & packages for seo

add interfaces, models, repositories, and services for PostgreSQL management.

• add sequelize, and sequelize-cli
• add pg, and pg-hstore
• add sqlite
• add mysql2
• add mariadb
• add cli-highlight
• add bcrypt, and @types/bcrypt
• add base structure for CRUD

improve portfolio performance

fix mobile navbar styles

add additional metadata for seo

• robots meta
• themeColor
• keyword meta

❤️

reconfigure next.js bundle analyzer

https://blog.logrocket.com/how-analyze-next-js-app-bundles/

add user management

• add model for user table
• add base structure for administration layout
• add user register page
• add new user, edit user, and view user page

Version up as v0.1.1

• update package.json for version as v0.1.1
• add vercel badge
• add additional repository badges

upgrade seo meta

• update SEO meta using helmet
• update icon
• update etc information for SEO

configure vercel for cache ttl

A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies.

add middleware for authentication via JWT

Avoid large layout shifts

These DOM elements were most affected by layout shifts. Some layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS

Make ❤️GitHub workflow for Next.js pages

• Update README.md for ❤️GitHub workflow.
• Add ❤️GitHub workflow for Next.js pages.

2nd optimize codes

SEO issues

• update SEO information
• update manifest.json

update logo & avatar in navigation❤️❤️❤️

Reduce static assets

• Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.
• Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.

optimize for mobile performance

• fix CLS
• fix LCP

❤️replace nav bar image url

fix nextjs-bundle-analysis.yml issue

      - name: Download base branch bundle stats
        uses: dawidd6/action-download-artifact@v3
        continue-on-error: true
        if: success() && github.event.number
        with:
          workflow: nextjs_bundle_analysis.yml # change to nextjs-bundle-analysis.yml
          branch: ${{ github.event.pull_request.base.ref }}
          path: .next/analyze/base

Apply prettier all files

add experience management

• add a migration
• add a page for the table list
• add a modal for editing

add code owner

optimize codes

Add auto assign action

remove gtag for improving performance

portfolio based on nextjs

for SEO & improving performance

add profile management

• add a migration
• add a page for table list
• add a modal for editing

Add back-end & administration pages

Add back-end & administration pages

• #90
• #92
• add automation for table migrations
• #127
• add login page
• add reCAPTCHA v2
• add security page
• add audits page
• #123
• #125
• add skill management
• add link management
• add text management via markdown
• add SEO meta management

improve performance for loading

it takes very long time to open portfolio.
it needs to improve performance of the portfolio.

update the whole portfolio content

James Gates' Resume

adopt next bundle analysis

https://github.com/hashicorp/nextjs-bundle-analysis

improve all links

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users.
Learn how to make links accessible.

Upgrade Deploy Next.js site to Pages

• fix missing environment variables

make sitemap.xml for seo

add repository badges

• tag badge
• release badge
• issues badge