Skip to content

dyno-star/Portfolio

Repository files navigation

I assume you want me to update the README for your portfolio project based on the latest changes to reflect its features and setup accurately. Since you’ve been sharing your GitHub profile README and working on a Next.js portfolio, I’ll create a new README tailored to this project (Portfolio repository), incorporating details from your GitHub profile and the enhancements we’ve made (e.g., full-coverage grid with spotlight, resume popup, contact buttons, light/dark mode visibility).

Here’s the updated README:


Eze Anyaegbu's Portfolio

Welcome to my personal portfolio built with Next.js and Tailwind CSS! This project showcases my skills, projects, and experience as a Computer Science student at Drexel University, with a focus on software development and AI.


🌟 Features

  • Responsive Design: Fully responsive layout optimized for desktop, tablet, and mobile devices.
  • Dark/Light Mode: Toggle between dark and light themes with visible text in both modes.
  • Interactive Sections:
    • Hero: Dynamic introduction with a spotlight effect.
    • About Me: Minimalist section with a resume popup (viewable via Google Drive iframe).
    • Skills: Displays my tech stack (HTML5, JavaScript, CSS3, React, Node.js, MongoDB, Python, C++, C#).
    • Experience: Highlights ongoing work like B.A.G.S.
    • Projects: Full-width grid with a spotlight effect showcasing key repositories (B.A.G.S, StoryTelling-AI, Recipe).
    • Contact: Interactive buttons for LinkedIn, Email, and GitHub.
  • Resume Popup: Click "My Resume" to view my resume in a modal without downloading.
  • Smooth Animations: Powered by Framer Motion for a polished user experience.
  • Scroll Progress: Visual indicator at the top of the page.

💻 Tech Stack

  • Frontend: Next.js, React, TypeScript, Tailwind CSS
  • Animations: Framer Motion
  • Icons: React Icons
  • Deployment: Configured for Vercel (or your preferred platform)

🚀 Getting Started

Prerequisites

  • Node.js (v18.x or later)
  • npm or yarn

Installation

  1. Clone the Repository:

    git clone https://github.com/dyno-star/Portfolio.git
    cd Portfolio
  2. Install Dependencies:

    npm install
    # or
    yarn install
  3. Run Locally:

    npm run dev
    # or
    yarn dev

    Open http://localhost:3000 in your browser.

  4. Build for Production:

    npm run build
    npm run start
    # or
    yarn build
    yarn start

📂 Project Structure

Portfolio/
├── components/         # React components (Hero, Grid, Skills, etc.)
│   ├── ui/            # Reusable UI components (FloatingNav, MagicButton, Spotlight)
├── app/               # Next.js app directory (page.tsx)
├── public/            # Static assets (e.g., resume PDF if hosted locally)
├── styles/            # Global styles (if any)
├── README.md          # This file
├── package.json       # Dependencies and scripts
└── tsconfig.json      # TypeScript configuration

👯 Collaboration

I’m open to collaborating on:

  • Open-source projects
  • AI applications
  • Web development projects

🙏 Acknowledgments

  • Built with inspiration from Next.js and Tailwind CSS communities.
  • Spotlight and animation effects powered by Framer Motion.

© 2025 Eze Anyaegbu

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published