Skip to content

My Portfolio Website. in React.js framework along with Bootstrap, Custom CSS. Animations by wow.js and Blue and black contras website

Notifications You must be signed in to change notification settings

PirateCoderz/React-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

My Portfolio Website. in React.js framework along with Bootstrap, Custom CSS. Animations by wow.js and Blue and black contras website

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published