This is a responsive portfolio website built with React.js, showcasing my work, skills, and experience. It features a professional blue and black theme, enhanced with smooth animations and built-in functionality for contact and project showcases. The website is live at pirate-coderz.vercel.app.
- Project Overview
- Features
- Technologies Used
- Installation and Setup
- Usage
- Image Preview
- Contributing
- License
- Contact
This portfolio site highlights my projects, skills, and contact information using a sleek blue and black color theme. With React.js and Bootstrap, it is fully responsive, while animations enhance the user experience. The project is hosted on Vercel and can be accessed online.
- Responsive Design: Uses Bootstrap for seamless mobile and desktop compatibility.
- Smooth Animations: Enhanced with animate.css and wow.js for a modern feel.
- Project Showcase: Detailed project displays with descriptions and links.
- Skill Set Visualization: Visual representation of skills and competencies.
- Contact Form: Email-ready contact form managed by Express and Nodemailer.
- Live Preview: Deployed on Vercel for easy access.
- Frontend: React.js, React Bootstrap, Bootstrap, Custom CSS
- Routing: React Router DOM, React Router Hash Link
- State Management & Form Handling: React Hook Form
- Animations: animate.css, wow.js, react-on-screen
- HTTP Requests: Axios
- Image & Icon Libraries: react-bootstrap-icons, react-responsive-carousel, react-multi-carousel
- Mail Subscriptions: react-mailchimp-subscribe
- Backend: Express.js, Cors, Nodemailer
- Testing: @testing-library/react, @testing-library/jest-dom, @testing-library/user-event
- Deployment: Vercel
-
Clone the Repository:
git clone https://github.com/piratecoderz/react-portfolio.git cd react-portfolio
-
Install Dependencies:
npm install
-
Run the Application:
npm start
-
Access the App: Visit https://piratecoderz.com to view the site locally.
- Navigate Portfolio: View sections including Projects, Skills, and Contact.
- Engage with Projects: Explore my completed projects with detailed descriptions.
- Contact Form: Use the form for direct communication.
If you would like to contribute:
- Fork the repository.
- Create a branch (
feature/YourFeatureName
). - Commit your changes and push to the branch.
- Open a Pull Request for review.
This project is licensed under the MIT License. See the LICENSE file for details.
For inquiries, collaborations, or further information, please contact me at email@piratecoderz.com.
Feel free to update the image path and contact details as needed!
See the section about deployment for more information.