edgarmokua / portfolio-v3

A revamp of my personal portfolio

This is a Next.js portfolio project.

Run

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

portfolio-v3's Issues

Create case studies

Showcase my projects by creating detailed case studies that describe the problem you were solving, your approach, and the results.

Tracking

Implement Google Analytics or a similar tool to track visits, clicks, and user behavior on your portfolio website. This will help me understand my audience and make informed decisions about your content and design.

Error handling

Implement error handling and logging to make it easier to debug my application and identify issues

Add API

Integrate at least one external API into my portfolio website. For example, I could use the GitHub API to display my latest repositories or the Twitter API to show my latest tweets.

application setup

Setting up the application by installing Next JS

Use a database

Use a database like MySQL or MongoDB to store data and retrieve it efficiently. Make sure to optimize my database queries for performance.

Caching

Use caching mechanisms like Redis or Memcached to speed up my application and reduce database load.

Design best practices

Use design best practices like whitespace, typography, and color theory to create a visually appealing and user-friendly portfolio website. Use tools like Sketch or Figma to create mockups and prototypes.

Add Dark mode

User can toggle between light and dark mode

testing

Write automated tests to ensure my code works as expected and catches bugs early on. Use tools like Jest, Mocha, or Cypress to write unit tests, integration tests, and end-to-end tests. Write unit tests and integration tests for my back-end code to ensure it works as expected and catches bugs early on.

Build RESTful APIs

Build RESTful APIs to handle client-server communication and make it easier to integrate my portfolio with other applications.

Responsive design

Make sure my portfolio website looks great on all devices, from desktops to smartphones

Add a blog

Considering adding a blog section to my portfolio website where I can share my thoughts on industry trends, my latest projects, or tutorials.

web performance best practices

Use techniques like lazy loading, code splitting, and caching to improve my website's performance and reduce load times. This will ensure a better user experience and help my website perform better in search rankings.

SEO best practices

Optimize my portfolio website for search engines by using relevant keywords, meta tags, and other SEO best practices. This will help my website rank higher in search results and attract more traffic.

Add Navbar

AOS node modules

Fixed the wrongful initialization of AOS library

Create home page

security best practices

Implement security best practices like using HTTPS, validating user input, and using secure authentication and authorization mechanisms. This will help protect my website and my users from security threats. Use secure authentication and authorization mechanisms to protect sensitive data and prevent unauthorized access. Make sure to sanitize user input to prevent SQL injection attacks and other security vulnerabilities.

Optimize for speed

Make sure my portfolio website loads quickly by optimizing images, minifying CSS and JavaScript, and using a content delivery network (CDN) if necessary. This will ensure a smooth user experience and help my website perform better in search rankings.

Add a form

Include a contact form on my portfolio website so potential employers or clients can easily get in touch with me. Make sure to validate user input and handle form submissions securely.

Use accessibility best practices

Make sure my portfolio website is accessible to everyone, including users with disabilities. Use semantic HTML, alt tags for images, and other accessibility best practices to ensure your website is inclusive and user-friendly.