Skip to content

This is my professional portfolio website built with Next.js, Tailwind CSS, Framer Motion, and Convex backend to store contacts' data submission. Features a modern design with smooth animations and dark mode support. Kindly give it a star.

Notifications You must be signed in to change notification settings

PeterDiyo/Portfolio

Repository files navigation

Personal Portfolio - Peter Diyo

A modern, responsive portfolio website built with Next.js and Tailwind CSS, featuring animations powered by Framer Motion.

Features

  • Interactive UI: Smooth animations and transitions using Framer Motion
  • Responsive Design: Fully responsive layout for all device sizes
  • Dark Mode: dark/light mode theme

Technologies Use

  • NextJs
  • TypeScript
  • Tailwing CSS
  • Framer Motion
  • Convex

Project Structure

  • src/app: Main application pages and routing
  • src/components: Reusable UI components
  • src/lib: Utility functions and shared code
  • convex: Backend API functions

Contact

Feel free to reach out to me through any of the following channels:

Getting Started

# Clone the repository
git clone https://github.com/PeterDiyo/Portfolio.git

# Install dependencies
npm install

# Set up Convex (if you haven't already)
npx convex login

# Start the Convex development server
npx convex dev

# In a new terminal, start the Next.js development server
npm run dev

Visit http://localhost:3000 to view the site locally.

Deployment

This portfolio is deployed on Vercel. To deploy your own version:

  1. Fork this repository
  2. Connect it to your Vercel account

About

This is my professional portfolio website built with Next.js, Tailwind CSS, Framer Motion, and Convex backend to store contacts' data submission. Features a modern design with smooth animations and dark mode support. Kindly give it a star.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published