Aliou NIANG - Portfolio

A modern, animated personal portfolio website built with React, TypeScript, and Framer Motion.

✨ Features

• Animated Intro - Eye-catching name reveal animation on load
• Quest Log - Interactive project showcase with timeline visualization
• Arsenal - Skills and technologies grid with hover effects
• Terminal - Contact form with terminal-style aesthetics
• Responsive Design - Fully responsive across all devices
• Smooth Animations - Powered by Framer Motion

🛠️ Tech Stack

• React 18 - UI library
• TypeScript - Type safety
• Vite - Build tool and dev server
• Framer Motion - Animations
• Tailwind CSS - Styling
• Lucide React - Icons
• React Icons - Tech stack icons

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/YOUR_USERNAME/portfolio.git

# Navigate to project directory
cd portfolio

# Install dependencies
npm install

# Start development server
npm run dev

Build for Production

npm run build

The build output will be in the dist/ folder.

📁 Project Structure

portfolio/
├── src/
│   ├── assets/          # Images and static assets
│   ├── components/
│   │   └── generated/   # Main portfolio components
│   │       ├── PortfolioHero.tsx
│   │       ├── QuestLog.tsx
│   │       ├── Arsenal.tsx
│   │       └── Terminal.tsx
│   ├── settings/        # Theme configuration
│   ├── App.tsx          # Main app component
│   ├── main.tsx         # Entry point
│   └── index.css        # Global styles
├── public/              # Static files
└── package.json

📄 License

MIT License - feel free to use this for your own portfolio!

👤 Author

Aliou NIANG

• GitHub: @lino-smart
• LinkedIn: aliouniang
• X: @Linosmart10