PortDev 🚀

A modern portfolio generator for developers, built with React and Firebase.

✨ Features

• 🎨 Modern, responsive design with glass-morphism effects
• 🔐 Secure authentication with email/username
• 📊 Dynamic skill visualization with auto-fetching tech logos
• 💼 Showcase your projects and experiences
• 🌙 Dark mode support
• ⚡ Real-time updates
• 🎯 SEO optimized
• 📱 Mobile-first approach

🛠️ Tech Stack

• Frontend:

  • React
  • TailwindCSS
  • Framer Motion
  • React Icons

• Backend:

  • Firebase Authentication
  • Cloud Firestore
  • Firebase Storage

• Development:

  • Vite
  • ESLint
  • PostCSS

🚀 Quick Start

1. Clone the repository

   git clone https://github.com/cyberboyayush/portdev.git
   cd portdev

2. Install dependencies

   npm install

3. Set up environment variables Create a .env file in the root directory:

   VITE_FIREBASE_API_KEY=your_api_key
   VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
   VITE_FIREBASE_PROJECT_ID=your_project_id
   VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
   VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
   VITE_FIREBASE_APP_ID=your_app_id
   VITE_FIREBASE_MEASUREMENT_ID=your_measurement_id

4. Start the development server

   npm run dev

📝 Project Structure

portdev/
├── src/
│   ├── components/      # Reusable components
│   ├── contexts/        # React contexts
│   ├── config/         # Configuration files
│   ├── pages/          # Page components
│   └── styles/         # Global styles
├── public/             # Static assets
└── firebase/          # Firebase configurations

🔥 Core Features

Portfolio Sections

• 👤 Profile with social links
• 💻 Skills with auto-fetching tech logos
• 🎯 Projects showcase
• 💼 Work experience
• 🏆 Achievements
• 📊 GitHub & coding stats

User Features

• 🔐 Email/Username authentication
• 🔄 Real-time updates
• 📱 Responsive design
• 🎨 Customizable sections

🤝 Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

1. Fork the repository
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.

🙏 Acknowledgments

• React Icons
• TailwindCSS
• Firebase
• Framer Motion
• Simple Icons
• DevIcon

📞 Support

For support, email support@portdev.com or join our Discord channel.

---

Made with ❤️ by PortDev Team