https://github.com/mohamedshafid/nextjs_portfolio

A sleek and modern portfolio website built with Next.js, showcasing my projects, skills, and achievements with a seamless user experience.
https://github.com/mohamedshafid/nextjs_portfolio

nextjs tailwind vercel

Last synced: 3 months ago
JSON representation

A sleek and modern portfolio website built with Next.js, showcasing my projects, skills, and achievements with a seamless user experience.

• Host: GitHub
• URL: https://github.com/mohamedshafid/nextjs_portfolio
• Owner: mohamedshafid
• Created: 2025-01-26T15:36:42.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-16T06:46:45.000Z (over 1 year ago)
• Last Synced: 2025-02-16T07:25:22.154Z (over 1 year ago)
• Topics: nextjs, tailwind, vercel
• Language: JavaScript
• Homepage: https://mohamedhafid.vercel.app/
• Size: 535 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Mohamed Hafid](https://github.com/mohamedshafid/NextJs_Portfolio/blob/main/github_readme/Banner.png)

# Portfolio Website

Welcome to my personal portfolio website! 🎉  

This project showcases my skills, projects, and professional journey in an interactive and modern way.  

## 🌐 Live Demo  

Check out the live site here: [mohamedhafid.vercel.app](https://mohamedhafid.vercel.app/) || [mohamedhafid.portfolio](https://main.d3jy7vfwxzn8an.amplifyapp.com/)

---

## 🚀 Features  

- **Full-Screen Layout**: Designed with a clean, full-screen height and width layout.  

- **Dynamic Navigation**: Easily switch between sections with smooth transitions.  

- **Responsive Design**: Optimized for desktop, tablet, and mobile devices.  

- **Modern UI**: Eye-catching and user-friendly design for better engagement.  

- **Technologies**:  

  - Built using [Next.js](https://nextjs.org/) for performance and SEO.  

  - Deployed on [Vercel](https://vercel.com/) for fast and reliable hosting.

---

## 📂 Project Structure  

├── public/ # Static assets (images, icons, etc.) 

├── components/ # Reusable React components 

├── app/ # Next.js pages 

└── README.md # Project documentation

---

## 🛠️ Technologies Used  

- **Frontend**:  

  - [Next.js](https://nextjs.org/) (React Framework)  

  - HTML5  

  - Tailwind CSS  

- **Hosting**:  

  - [Vercel](https://vercel.com/)  

---

## 💡 Getting Started  

### Prerequisites  

Make sure you have the following installed:  

- Node.js (v14 or later)  

- npm or yarn  

### Installation  

1. Clone the repository:  

   ```bash

   git clone https://github.com/mohamedshafid/NextJs_Portfolio

   cd portfolio

   

   Install dependencies:

   npm install

   

   Run the development server:

   npm run dev

### 🖋️ Customization

###### You can easily customize this project by updating the content in the following files:

    - Projects Section: Update the details present in the (/constants/index.js)

### 🎯 Future Improvements

- Add dark mode toggle.

- Integrate animations for enhanced interactivity.

- Include a blog section for sharing insights and articles.

### 🧑‍💻 Author

##### 👤 Mohamed Hafid

- **Portfolio:** mohamedhafid.vercel.app

- **LinkedIn:** https://www.linkedin.com/in/mohamedhafid/

- **GitHub:** https://github.com/mohamedshafid

### ⭐ Acknowledgements

- Thanks to Vercel for hosting.

- Inspired by many talented developers in the open-source community.

If you like this project, don't forget to ⭐ the repository! 😊