Skip to content

Latest commit

 

History

History
139 lines (98 loc) · 3.69 KB

README.md

File metadata and controls

139 lines (98 loc) · 3.69 KB
Raw
Portfolio Preview

Portfolio Website

My portfolio website built with Next.js and TailwindCSS, featuring a modern design with elegant animations.
View Live Demo »

Report Bug · Request Feature

✨ Features

  • ⚡️ Built with Next.js 15 and React 19
  • 💎 Styled with Tailwind CSS
  • 🎨 Modern and responsive design
  • 🌟 Smooth animations and transitions
  • 📱 Mobile-first approach
  • 🎯 SEO optimized
  • 📖 Clean project structure
  • 🚀 Fast performance

🛠 Tech Stack

🚀 Getting Started

Prerequisites

  • Node.js 18+ and npm

Installation

  1. Clone the repository

    git clone https://github.com/anwersolangi/Devfolio.git

  2. Install dependencies

    npm install

  3. Create a .env.local file in the root directory and add your environment variables:

    NEXT_PUBLIC_BASE_URL=http://localhost:3000

  4. Start the development server

    npm run dev

  5. Open http://localhost:3000 with your browser to see the result.

📂 Project Structure

portfolio/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── metadata.ts
├── components/
│   ├── About/
│   ├── AppCard/
│   ├── Background/
│   ├── Experience/
│   ├── Footer/
│   ├── Header/
│   └── Hero/
├── public/
│   └── assets/
├── styles/
│   └── globals.css
└── types/

🎨 Customization

  1. Personal Information: Update your information in app/metadata.ts

  2. Content: Modify components in the components directory:

    • Update bio in components/About/About.tsx
    • Modify experience in components/Experience/Experience.tsx
    • Add your apps in components/AppCard/AppCard.tsx

  3. Styling: Customize the look in tailwind.config.js and styles/globals.css

  4. Images: Replace images in the public directory with your own

🚀 Deployment

The easiest way to deploy this portfolio is to use the Vercel Platform. Check out the Next.js deployment documentation for more details.

Deploy with Vercel

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👤 Contact

Anwer Solangi - @anwerxolangi

Project Link: https://github.com/anwersolangi/Devfolio

🙏 Acknowledgments