This repository contains the source code for my personal portfolio website. The portfolio showcases my skills, projects, blog posts, and provides contact information.
.
├── public
│ ├── images
│ │ ├── Blogs
│ │ ├── projects
│ │ └── Skills
│ └── cv.un.pdf
├── src
│ ├── app
│ │ ├── components
│ │ │ ├── AboutSection.jsx
│ │ │ ├── BlogSection.jsx
│ │ │ ├── EmailSection.jsx
│ │ │ ├── Footer.jsx
│ │ │ ├── HeroSection.jsx
│ │ │ ├── MenuOverlay.jsx
│ │ │ ├── Navbar.jsx
│ │ │ ├── NavLink.jsx
│ │ │ ├── ProjectCard.jsx
│ │ │ ├── ProjectSection.jsx
│ │ │ ├── ProjectTag.jsx
│ │ │ ├── ScrollToTop.js
│ │ │ └── TabButton.jsx
│ ├── global.css
│ ├── layout.js
│ └── page.js
├── tailwind.config.js
├── postcss.config.js
├── package-lock.json
└── package.json
To set up this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/your-repo-name.git cd your-repo-name
-
Install the dependencies:
npm install
To run the project locally:
npm run dev
This will start the development server. Open your browser and navigate to http://localhost:3000 to see the website.
- Next.js: A React framework for server-side rendering and static site generation.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Framer Motion: A library to create animations and transitions.
- Type Animation: A React component to create typing animations.
- Hero Section: Introduction with an animated typing effect.
- About Section: Information about me.
- Projects Section: Showcasing my projects.
- Blog Section: Displaying blog posts.
- Contact Section: Contact form for reaching out.
- Responsive Design: Mobile-friendly layout.
- Animated Elements: Smooth animations using Framer Motion.
Feel free to submit issues, fork the repository and send pull requests. Any improvements, suggestions, or corrections are welcome!
This project is licensed under the MIT License - see the LICENSE file for details.