antoniokaram / portfolio

Repository for my personal portfolio website

Portfolio

Repository for my personal portfolio website antoniokaram.com This repository is connected to Vecel for automatic deployment. This website is also responsive to dark/light mode preferences!!

Technologies

• Framework: Next.js
• Styling: TailwindCSS
• Analytics: Vercel Analytics
• Deployment Testing: Checkly E2E

Issues

Feel free to add any issues that you encounter while interacting with the website!

portfolio's Issues

Create Index Skeleton Page

Create the skeleton for the main page with placeholders for text segments.

Create Navigation Bar

Create the function for the In-Page navigation bar

Update README.md

Revamp the README

Fix code scanning alert - Potentially unsafe external link

Tracking issue for:

• https://github.com/AntonioKaram/Portfolio/security/code-scanning/4

Background Setting

Choose new background color

Smooth Scrolling

Create a smooth scrolling animation when navigation elements are clicked.

Migrate from Page Router to App Router

Allows for function error handlers, layouts, and loading components

Create Layout.ts

Create a layout.ts file that setups up how the page should look like. Includes meta data, custom fonts, nav bar and body.

Robots & Sitemap

Generate a Robots.txt file along with a sitemap.xml file

Setup & Next Installation

Set up the GitHub repository and initialize Next.js and TailwindCSS in the project folder.

Custom 404

Create a custom 404 not found page

Reactive Navigation

Navigation items do not move based on user location on the page

Connect Error Reporting Service

Connect the Error Handler to an error reporting service

Components and Icons

Need to add components folder along with functions for different app icons

Create Logo

Create a logo to set as favicon and top of navbar

Fixed Navigation for Smaller Devices

Customize Meta

Customize Meta tags needed to optimize visibility

Improve Load Times

Website needs to load faster

Add Fonts

Add and customize fonts within a layouts file

Error Handler

Create an error handler

General Styles

Create and customize the layout stylesheet

Add Automated Deployment Checks

Add Cheekly deployment checks