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:
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.
- 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.
- Frontend: Next.js, React, TypeScript, Tailwind CSS
- Animations: Framer Motion
- Icons: React Icons
- Deployment: Configured for Vercel (or your preferred platform)
- Node.js (v18.x or later)
- npm or yarn
-
Clone the Repository:
git clone https://github.com/dyno-star/Portfolio.git cd Portfolio -
Install Dependencies:
npm install # or yarn install -
Run Locally:
npm run dev # or yarn devOpen
http://localhost:3000in your browser. -
Build for Production:
npm run build npm run start # or yarn build yarn start
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
I’m open to collaborating on:
- Open-source projects
- AI applications
- Web development projects
- Built with inspiration from Next.js and Tailwind CSS communities.
- Spotlight and animation effects powered by Framer Motion.
© 2025 Eze Anyaegbu