Welcome to my personal portfolio website! This project showcases my work, skills, and experience in web development. Built with Next.js and React, styled using Tailwind CSS, Magic UI, and Shadcn UI, and email requests are handled by Resend. I’ve also used Prism to beautifully render code snippets.
- Framework: Next.js 🚀
- Frontend: React.js ⚛️
- Styling: Tailwind CSS 🎨, Magic UI, Shadcn UI
- Icons: React-Lucide Icons 🔥
- Email Handling: Resend 📧
- Code Embedding: Prism.js 💻
- Typography: Poppins, Roboto
- Single Page Application with one main route
/. - Responsive Design: Works across all devices (mobile, tablet, desktop).
- Sections:
- About Me 👨💻
- Projects 🛠️
- Resume 📄
- Contact 📬
- Interactive Code Blocks: Embedded code samples using Prism.js for syntax highlighting.
- Email Contact Form: Integrated with Resend to handle contact requests.
You can check out a live preview of the site here 🌐.
To get started with this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/BroCode17/portfolio-v3.git cd portfolio-website - Install dependencies
npm install
- Run the development sever:
npm run dev
- Build for production
npm run build
- Navigate through sections: Explore different sections including About Me, Projects, Resume, and Contact.
- View Projects: Check out some of my best work under the Projects section.
- Contact Me: Use the contact form to send me an email using Resend.
- Code Samples: View embedded code samples with beautiful syntax highlighting.
This project is ready to be deployed on platforms like Vercel (recommended for Next.js) or any other hosting service that supports Node.js.
To deploy:
1. Push your code to a GitHub repository.
2. Connect your repository to Vercel.
3. Deploy directly from Vercel with a few clicks!
This is a personal project, but if you find any bugs 🐛 or have suggestions 💡, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.
Built with ❤️ by Ebenezer Frimpong.