My Portfolio Website

Welcome to my portfolio repository! This project is a showcase of my skills, projects, and journey as a full-stack developer. Built with Next.js, this portfolio highlights my proficiency in modern web technologies and my passion for creating dynamic and responsive web applications.

🌟 Project Overview

This portfolio website serves as a central hub for my professional presence online. It includes sections for my latest projects, a detailed resume, a blog where I share insights and experiences, and a contact form to get in touch with me.

🚀 Features

• Dynamic Project Showcase: Displays my projects with live demos, detailed descriptions, and links to source code.
• Interactive Resume: A comprehensive and interactive resume detailing my skills, experiences, and education.
• Blog Section: Articles and posts sharing knowledge, experiences, and tutorials on various tech topics.
• Responsive Design: Ensures an optimal viewing experience on all devices, from desktops to mobile phones.
• Contact Form: Easy way for visitors to get in touch with me directly through the site.

🛠️ Technologies Used

• Frontend: Next.js, React, Tailwind CSS, SCSS
• Backend: Node.js, Express
• Database: MongoDB
• Deployment: Vercel
• Tools: Git, VS Code, Postman

📸 Screenshots

📚 Project Structure

my-portfolio/
.
├── app
│   ├── blog
│   │   └── page.tsx
│   ├── components
│   │   ├── fonts.ts
│   │   ├── Footer.jsx
│   │   │   └── index.tsx
│   │   ├── Navigation
│   │   │   └── index.tsx
│   │   ├── PostCard
│   │   │   └── index.tsx
│   │   ├── ProfilePhoto
│   │   │   └── index.tsx
│   │   └── WorkCard
│   │       └── index.tsx
│   ├── contact
│   │   └── page.tsx
│   ├── favicon.ico
│   ├── globals.css
│   ├── _images
│   │   └── profile-photo-square.jpeg
│   ├── layout.tsx
│   ├── page.tsx
│   └── project
│       └── page.tsx
├── LICENSE
├── next.config.mjs
├── next-env.d.ts
├── package.json
├── pnpm-lock.yaml
├── postcss.config.mjs
├── public
│   ├── profile-photo-square.jpeg
│   ├── Saviour Eking Resume.pdf
├── README.md
├── tailwind.config.ts
└── tsconfig.json

💡 Getting Started

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/TheSaviourEKing/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:3000

🚧 Roadmap

• Add more blog posts
• Implement dark mode
• Enhance accessibility features
• Integrate third-party services (e.g., Mailchimp for newsletters)
• Add animations and micro-interactions for better UX

🤝 Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to create an issue or submit a pull request. Please ensure that your changes align with the project's coding standards and practices.

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

📬 Contact

Feel free to reach out to me for any questions, collaborations, or freelance opportunities:

• Email: saviour.eking@outlook.com
• LinkedIn: Saviour Eking
• GitHub: thesavioureking

---

Thank you for checking out my portfolio repository! I hope you find my work interesting and inspiring. 🚀

---