Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/piratecoderz/react-portfolio
My Portfolio Website. in React.js framework along with Bootstrap, Custom CSS. Animations by wow.js and Blue and black contras website
https://github.com/piratecoderz/react-portfolio
coder jsx portfolio portfolio-website react react-js react-portfolio react-portfolio-template reactjs reactjs-portfolio-website wow-js wowjs
Last synced: 18 days ago
JSON representation
My Portfolio Website. in React.js framework along with Bootstrap, Custom CSS. Animations by wow.js and Blue and black contras website
- Host: GitHub
- URL: https://github.com/piratecoderz/react-portfolio
- Owner: PirateCoderz
- Created: 2023-08-08T10:34:37.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-04T16:48:28.000Z (3 months ago)
- Last Synced: 2024-11-15T05:16:48.441Z (3 months ago)
- Topics: coder, jsx, portfolio, portfolio-website, react, react-js, react-portfolio, react-portfolio-template, reactjs, reactjs-portfolio-website, wow-js, wowjs
- Language: JavaScript
- Homepage: https:pirate-coderz.vercel.app
- Size: 3.93 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pirate Coderz Portfolio Website
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](https://pirate-coderz.vercel.app).
---
## Table of Contents
1. [Project Overview](#project-overview)
2. [Features](#features)
3. [Technologies Used](#technologies-used)
4. [Installation and Setup](#installation-and-setup)
5. [Usage](#usage)
6. [Image Preview](#image-preview)
7. [Contributing](#contributing)
8. [License](#license)
9. [Contact](#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**:
```bash
git clone https://github.com/piratecoderz/react-portfolio.git
cd react-portfolio
```
2. **Install Dependencies**:
```bash
npm install
```
3. **Run the Application**:
```bash
npm start
```
4. **Access the App**:
Visit [https://piratecoderz.com](https://pirate-coderz.vercel.app) 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
---
## 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](LICENSE) file for details.
---
## Contact
For inquiries, collaborations, or further information, please contact me at [[email protected]](mailto:[email protected]?subject=Inquiry%20Regarding%20Portfolio%20Website&body=Hello%2C%0D%0A%0D%0AI%20am%20reaching%20out%20regarding%20your%20portfolio%20website%2C%20and%20I%20would%20like%20to%20inquire%20about%20your%20work%20or%20explore%20collaboration%20opportunities.%20Please%20let%20me%20know%20how%20I%20can%20connect%20with%20you%20further!%0D%0A%0D%0ABest%20regards%2C%0D%0A%5BYour%20Name%5D
).
---
Feel free to update the image path and contact details as needed!
See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.