Netflix Portfolio is a visually engaging and interactive portfolio website inspired by the Netflix UI. It showcases projects, skills, certifications, and professional experience in a dynamic and user-friendly manner.
- Netflix-style UI: A sleek and modern design inspired by Netflix.
- Profile Selection: Choose from different profiles (Recruiter, Developer, Stalker, Adventurer) to view tailored content.
- Dynamic Pages:
- Skills: Categorized display of technical skills with animations.
- Projects: Showcase of completed projects with tech stack and links.
- Work Experience: Timeline of professional and educational milestones.
- Certifications: List of certifications with links to details.
- Contact Me: Easy access to contact information.
- Blogs: Links to blog posts on development topics.
- Responsive Design: Optimized for desktop and mobile devices.
- Interactive Elements: Hover effects, animations, and sound effects.
- Frontend: React, TypeScript, CSS
- Routing: React Router
- Icons: React Icons
- Animations: CSS Keyframes
- Testing: Jest, React Testing Library
- Clone the repository:
git clone https://github.com/your-username/netflix-portfolio.git
- Navigate to the project directory:
cd netflix-portfolio
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and go to
http://localhost:3000
.
- Select a profile to view the portfolio from different perspectives.
- Explore the skills, projects, work experience, certifications, and blogs.
- Contact through the provided contact information.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/YourFeature
. - Make your changes.
- Commit your changes:
git commit -m 'Add your feature'
. - Push to the branch:
git push origin feature/YourFeature
. - Create a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by Netflix UI.
- Thanks to the open-source community for their valuable resources and tools.