Skip to content

farouk26/my-portfolio

Repository files navigation

My Portfolio

Welcome to my personal portfolio, where i showcase of my skills, projects, and educational background. This portfolio is crafted using Next.js, Tailwind CSS, Framer Motion ,Email.js, and other cutting-edge technologies to deliver a dynamic and visually captivating representation of my work and academic journey.

Key Features

Homepage

  • Engaging landing page with a succinct introduction and captivating design.
  • Incorporates animated elements to elevate user experience.
  • Showcases a custom logo for brand identity.

Skills Page

  • A dedicated page highlighting my technical skills.
  • Detailed list of programming languages, frameworks, and tools.
  • Provides information on proficiency levels and relevant experience.

Projects Page

  • Features a selection of my prominent projects with detailed descriptions and technologies utilized.
  • Now includes a link to a dedicated page for each project, offering in-depth insights.

Education Page

  • New addition: A dedicated page highlighting my educational background.
  • Provides information on academic achievements, degrees earned, and relevant coursework.

Single Project Page

  • An individual page for each project, offering comprehensive details such as project goals, challenges, and outcomes.
  • Includes a breakdown of the technology stack used and a link to the project's live demo.

Contact Page

  • A designated space for users to connect with me.
  • Features a user-friendly contact form for easy communication.
  • Includes socials links for additional contact options such as phone number , github and linkedIn.

Navigation

  • Sidebar (Large Screens): Convenient sidebar for easy navigation on large screens.
  • Navbar (Mobile Devices): Responsive navbar for seamless navigation on mobile devices.

Technology Stack

  • Next.js: A React framework for building efficient and scalable web applications.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • Framer Motion: A library for creating smooth animations in React applications.
  • Husky: Git hooks to enforce code quality and consistency.
  • Commitizen: Conventional commit messages for standardized versioning.
  • Commitlint: Linting commit messages to adhere to a conventional format.
  • Prettier: Code formatter to maintain consistent code styling.
  • React Icons: Icons library for React applications.
  • DaisyUI: UI component library for Tailwind CSS.

Project Goals.

The primary goal of this portfolio is to present my skills, projects, and educational background in a visually appealing and user-friendly manner. I aim to provide visitors with a holistic view of my capabilities, accomplishments, and academic journey, ensuring a seamless and enjoyable browsing experience.

Live Demo

Explore the live demo of my portfolio here.

To Clone and Set Up Locally

Follow these steps to set up the project on your local machine :

  1. Fork & Clone the Repository:

    git clone https://github.com/your-username/your-portfolio.git
    cd your-portfolio

Releases

No releases published

Packages

No packages published

Languages