Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamzazaidix/my-portfolio-next-js
My Portfolio website build using Next JS, Tailwind CSS and framer motion
https://github.com/hamzazaidix/my-portfolio-next-js
framer-motion github-api js next-js-app next-js-portfolio nextjs portfolio portfolio-nextjs portfolio-react portfolio-website project-showcase react-dom-router reactjs tailwind-css
Last synced: about 3 hours ago
JSON representation
My Portfolio website build using Next JS, Tailwind CSS and framer motion
- Host: GitHub
- URL: https://github.com/hamzazaidix/my-portfolio-next-js
- Owner: HamzaZaidiX
- License: mit
- Created: 2024-12-05T15:00:58.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T12:03:52.000Z (4 days ago)
- Last Synced: 2025-02-02T13:19:03.282Z (4 days ago)
- Topics: framer-motion, github-api, js, next-js-app, next-js-portfolio, nextjs, portfolio, portfolio-nextjs, portfolio-react, portfolio-website, project-showcase, react-dom-router, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://hamza-zaidi-portfolio-jade.vercel.app
- Size: 5.21 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hamza Zaidi's Portfolio Website 🌐
My Portfolio Website and showcase of my web development skills, services, and projects built with **Next.js, Tailwind CSS, Framer Motion, and React DOM**. 🌈
## Table of Contents 📚
- [Screenshots 📸](#screenshots)
- [Demo Link 🔗](#demo-link)
- [Materials Used 🛠️](#materials-used)
- [Getting Started 🏁](#getting-started)
- [Project Structure 🗂️](#project-structure)
## [Demo Link Here 🔗](https://hamza-zaidi-portfolio-jade.vercel.app/)
## Screenshots 📸
## Materials Used 🛠️
- **Next.js: A React framework for building server-side rendered applications.** 🌍
- **Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.** 🎨
- **Framer Motion: A powerful animation library for React.** 🌠
- **React DOM: The official React library for rendering components in the browser.** 🌎
## Getting Started 🏁
1. Clone the repository:
```bash
git clone https://github.com/HamzaZaidiX/My-Portfolio-Next-JS.git
```
2. Install dependencies:
```bash
cd My-Portfolio-Next-JS
npm install
```
3. Start the development server:
```bash
npm run dev
```
## Project Structure 🗂️
```
My-Portfolio-Next-JS/
├── public/
│ ├── favicon.ico
│ └── images/img.png
├── src/
│ ├── components/
│ │ ├── Navbar.jsx
│ │ └── Footer.jsx
│ ├── pages/
│ │ ├── index.js
│ │ └── ...
│ ├── styles/
│ │ ├── globals.css
│ │ └── ...
│ ├── tailwind.config.js
│ └── ...
├── package.json
└── ...
```
**Fork my Git Repo, Customize the Code and add your own content to create your own portfolio website. 🌟**
## Licence
MIT LICENCE Read `Licence` document for more details ->
# Bye! 👋
HOPE U LIKE THIS PROJECT PLEASE! IF YOU ARE USING THIS CODE PLEASE GIVE **HAMZA ZAIDI** SOME CREDITS BY LIKE & GIVE A HEART!!! 😃👍💛