Welcome to my personal portfolio website! This project showcases my skills, projects, and work as a Frontend Developer. It’s designed to provide a professional, interactive, and responsive experience for visitors, recruiters, or potential clients.
Check out the live version of my portfolio here:
View Live Portfolio
- Next.js – React framework for server-side rendering
- React – JavaScript library for building UI
- Tailwind CSS – Utility-first CSS framework
- Netlify – Hosting platform
- JavaScript, HTML, CSS
- About Me Section – Learn about my background, skills, and experience.
- Services Section – Highlights the services I offer as a Frontend Developer.
- Work / Projects Section – Showcases my projects with details, links, and visuals.
- Contact Section – Get in touch via a contact form or direct links.
- Responsive Design – Fully optimized for desktop, tablet, and mobile devices.
- Dark/Light Mode Toggle – Easily switch between dark and light themes.
- Smooth Scrolling Navigation – Menu links scroll smoothly to sections.
- Mobile-Friendly Side Menu – Slide-in side menu for mobile with animation.
- Active Link Highlighting – Highlights the section currently in view.
- Downloadable CV Button – Quickly download my CV in PDF format.
├─ public/ # Static assets like images, icons, screenshots ├─ src/ │ ├─ assets/ # Images and icons used in the site │ ├─ components/ # Navbar, sections, buttons, etc. │ └─ pages/ # Next.js pages ├─ .gitignore # Files and folders to ignore in Git ├─ package.json # Project metadata and dependencies ├─ README.md # Project overview └─ next.config.js # Next.js configuration
To run this project locally:
- Clone the repository
git clone https://github.com/yourusername/portfolio.git
cd portfolio
2. ** Install dependencies **
npm install
3. ** Run the Developmrnt Server **
npm run dev
4. Open http://localhost:3000 in your browser to view the portfolio.
📜 License
This project is open source and available under the MIT License
.
✨ Author
Nobleman – GitHub | LinkedIn