A modern, interactive portfolio website showcasing full-stack development skills, mobile applications, and professional achievements. Built with React, Vite, and Tailwind CSS.
- Responsive Design: Optimized for desktop, tablet, and mobile devices
- Modern UI/UX: Clean, professional interface with smooth animations
- Dark/Light Theme: Toggle between themes for better user experience
- Mobile-First Approach: Seamless experience across all screen sizes
- Customer App: Food & grocery ordering with real-time tracking
- Vendor App: Restaurant management with analytics dashboard
- Rider App: Delivery tracking with GPS navigation
- MuyaPro: Service marketplace connecting customers with technicians
- APK Downloads: Direct download links for mobile applications
- Skills & Technologies: Interactive skill bars with experience levels
- Project Gallery: Comprehensive showcase of web and mobile projects
- GitHub Integration: Real-time repository data and statistics
- Certifications: Professional certifications and achievements display
- Testimonials: Client feedback and project reviews
- GitHub API Integration: Live repository data and contribution stats
- Image Galleries: Interactive project screenshots and previews
- Mobile Frame Preview: Realistic mobile app demonstrations
- Download Management: Secure APK and file downloads
- Performance Optimized: Fast loading with optimized assets
- React 19.2.0 - Modern React with latest features
- Vite - Fast build tool and development server
- Tailwind CSS 4.1.18 - Utility-first CSS framework
- Lucide React - Beautiful icon library
- ESLint - Code linting and quality assurance
- PostCSS - CSS processing and optimization
- Autoprefixer - Automatic vendor prefixing
- GitHub API - Repository and user data integration
- Responsive Images - Optimized image loading and display
- Node.js (v16 or higher)
- npm or yarn package manager
-
Clone the repository
git clone https://github.com/muluken16/portfolio_website.git cd portfolio_website -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open in browser
http://localhost:5173
# Build the project
npm run build
# Preview production build
npm run previewportfolio_website/
├── public/ # Static assets
├── src/
│ ├── assets/ # Images, APKs, and media files
│ │ ├── app/ # Mobile application APK files
│ │ ├── cv/ # Resume and CV documents
│ │ ├── deliverapp/ # Delivery app screenshots
│ │ ├── muyapro/ # MuyaPro app screenshots
│ │ ├── rideapp/ # Rider app screenshots
│ │ └── Certifications & Training/ # Professional certificates
│ ├── App.jsx # Main application component
│ ├── App.css # Application styles
│ ├── index.css # Global styles
│ └── main.jsx # Application entry point
├── index.html # HTML template
├── package.json # Project dependencies
├── vite.config.js # Vite configuration
├── tailwind.config.js # Tailwind CSS configuration
└── README.md # Project documentation
- Professional introduction with typing animation
- Call-to-action buttons for contact and projects
- Social media links and professional profiles
- Professional background and experience
- Technical skills with proficiency levels
- Career highlights and achievements
- Web Applications: Full-stack web development projects
- Mobile Apps: React Native and cross-platform applications
- GitHub Repositories: Live integration with GitHub API
- Live Demos: Interactive project previews
- Professional certifications and training
- Awards and recognitions
- Technical accomplishments
- Industry participation
- Multiple contact methods
- Professional inquiry form
- Social media integration
- Location and availability information
- Features: Real-time order tracking, secure payments, user-friendly interface
- Technology: React Native, Redux, Socket.io
- Status: Active and available for download
- Features: Service booking, technician matching, payment processing
- Technology: React Native, Expo, Firebase
- Status: Active with regular updates
- Features: Order management, inventory tracking, sales analytics
- Technology: React Native, GraphQL, MongoDB
- Status: Coming soon
- Features: GPS navigation, earnings tracking, route optimization
- Technology: React Native, Google Maps API, Firebase
- Status: In development
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Run ESLint
npm run lint- Node.js: Ensure you have Node.js v16+ installed
- Package Manager: Use npm or yarn for dependency management
- Code Editor: VS Code recommended with React and Tailwind extensions
- Responsive Design: Works perfectly on all devices
- Performance Optimized: Fast loading and smooth interactions
- SEO Friendly: Optimized for search engines
- Accessibility: WCAG compliant for better accessibility
- Modern Stack: Latest React and development tools
- GitHub Integration: Live repository data
- Mobile App Showcase: Interactive app demonstrations
- Professional Portfolio: Comprehensive skill and project display
- Lighthouse Score: 95+ performance rating
- Fast Loading: Optimized assets and code splitting
- Mobile Optimized: Excellent mobile performance
- SEO Ready: Meta tags and structured data
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is licensed under the MIT License - see the LICENSE file for details.
Muluken Tesfaye
- GitHub: @muluken16
- LinkedIn: Muluken Tesfaye
- Email: [email protected]
- Phone: +251 918 490 881
- Telegram: @Fullday16
- React team for the amazing framework
- Vite team for the fast build tool
- Tailwind CSS for the utility-first CSS framework
- Lucide React for beautiful icons
- All the open-source contributors
⭐ Star this repository if you found it helpful!