Next.js Portfolio

A static SPA Next.js application with modern and animated components to contribute to my online presence.

Table of Contents

1. About The Project
2. Built With
3. Getting Started
• Prerequisites
• Installation
4. Contact
5. Acknowledgments

About The Project

This project is a personal portfolio website created to enhance my online presence. It showcases my skills, projects, and professional background using a modern and visually appealing design. The site is built as a static single-page application (SPA) using Next.js, and it leverages the Framer Motion UI library (Aceternity) for unique and animated components.

Features

👉 Hero: Captivating introduction featuring a text highlight effect and grid background.

👉 Bento Grid: Modern layout presenting personal information using cutting-edge CSS design techniques.

👉 3D Elements: Interactive 3D design elements, such as a GitHub-style globe and card hover effects, adding depth and engagement.

👉 Responsiveness: Seamless adaptability across all devices, ensuring optimal viewing experience for every user.

and many more, including code architecture and reusability

(back to top)

Built With

• 
• 
• 
• 

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/github_username/repo_name.git

2. Install NPM packages

   npm install

3. Enter your API in config.js

   const API_KEY = 'ENTER YOUR API';

(back to top)

Contact

Nisar Saeed - saeed_nisar@yahoo.com

(back to top)

Acknowledgments

The resources used in this project are referenced below:

• Icons8
• freepik
• Icons8
• freepik
• Img Shields
• Best-README-Template
• Project Idea inspired from Adrian Hajdin

(back to top)