Skip to content

Latest commit

 

History

History
118 lines (79 loc) · 4 KB

README.md

File metadata and controls

118 lines (79 loc) · 4 KB

Pirate Coderz Portfolio Website

Portfolio Preview

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.

Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Installation and Setup
  5. Usage
  6. Image Preview
  7. Contributing
  8. License
  9. Contact

Project Overview

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.

Features

  • 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.

Technologies Used

  • 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

Installation and Setup

  1. Clone the Repository:

    git clone https://github.com/piratecoderz/react-portfolio.git
cd react-portfolio

  2. Install Dependencies:

    npm install

  3. Run the Application:

    npm start

  4. Access the App: Visit https://piratecoderz.com to view the site locally.

Usage

  1. Navigate Portfolio: View sections including Projects, Skills, and Contact.
  2. Engage with Projects: Explore my completed projects with detailed descriptions.
  3. Contact Form: Use the form for direct communication.

Image Preview

Portfolio Preview

Contributing

If you would like to contribute:

  1. Fork the repository.
  2. Create a branch (feature/YourFeatureName).
  3. Commit your changes and push to the branch.
  4. Open a Pull Request for review.

License

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

Contact

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.