Portfolio (Private Repository)

JavaScriptReactNextJS

Monday, April 22, 2024

This portfolio website is a personal showcase of my projects, experiences, and blog posts. Built using modern web development tools such as Next.js 13, JavaScript, and React.js, the site leverages Prismic as the Content Delivery Network (CDN). The website consists of four main pages: Home, About, Projects, and Blog.

Key Features

  • Next.js 13: Utilizes the latest version of Next.js for server-side rendering and static site generation.
  • React.js: Employs React for a dynamic and responsive user interface.
  • JavaScript: Core programming language for front-end development.
  • Prismic: CMS for managing and delivering content seamlessly.

Pages

Home Page

  • Introduction: Displays my name prominently.
  • 3D Shape: A visually engaging 3D shape as part of the design.
  • Social Links: Links to my other social profiles.

About Page

  • Profile Image: A picture of myself.
  • Description: A brief introduction about me.
  • Resume Download: A button to download my resume.
  • Education: Details about my academic background.
  • Experience: Information about my professional experiences.
  • Skills: Lists tools, languages, frameworks, and databases I have used.

Projects Page

  • Project Listings: A showcase of all my projects with descriptions and links.

Blog Page

  • Blog Listings: A collection of my Medium blog posts.

Getting Started

Prerequisites

  • Node.js: Ensure you have Node.js installed.
  • NPM or Yarn: Package managers for managing dependencies.

Installation

Clone the repository:

https://github.com/Muneeb1030/Profolio.git

Navigate to the project directory:

cd portfolio-website

Install the dependencies:

npm install

or

yarn install

Running the Project

Start the development server:

npm run dev

or

yarn dev

Open your browser and go to http://localhost:3000.

Deployment

Deploy the website using Vercel, Netlify, or any other preferred hosting service that supports Next.js applications.