myReact.js Portfolio

Overview

Welcome to my Portfolio Website, a showcase of my projects and skills built using React.js and styled with Tailwind CSS. I enjoyed putting this together, and I look forward to continually growing in this community as I learn new frameworks and face more challenges. This portfolio serves as a platform not only to share my projects while applying for jobs or working as a freelancer but also to share my work with other developers and collaborate on projects.

This portfolio is designed to provide an engaging and interactive experience for visitors, highlighting my work as a developer and allowing potential employers or collaborators to learn more about my professional background. The application is deployed on Netlify to ensure fast and reliable access.

Features

• Responsive Design: Optimized for viewing on various devices, including desktops, tablets, and smartphones.
• Dynamic Content: Projects and skills are dynamically loaded from a data source, making it easy to update and maintain.
• Smooth Animations: Enhances user experience with smooth transitions and hover effects using Tailwind CSS.
• Downloadable Resume: Visitors can download my resume directly from the site.
• Social Media Integration: Links to GitHub, LinkedIn, and other relevant social media profiles.

Technology Used

• React.js:
• Tailwind CSS: A utility-first CSS framework for creating custom designs.
• React Icons: A collection of popular icons for React projects.
• React Router: A standard library for routing in React applications.
• Node.js: JavaScript runtime for the backend development.
• Vite: A fast build tool and development server.
• Netlify: A platform for deploying and hosting web applications.

Table of Contents

• Overview
• Features
• Installation
• Usage
• Deployment
• Contributing
• License
• Questions

Installation

To install this application, navigate to terminal(MacOS) or Bash(PC) and follow these steps:

1. Clone the repo

git clone https://github.com/collinsjosephj/myReaction.git

2. Navigate into the project repository

cd myReaction

3. Navigate into the project subfolder

cd myReactPortfolio

4. Install dependencies

npm install

Usage

To start the development server to view the portfolio locally:

npm run dev

• Now, simply open your browser and navigate to http://localhost:3000.
• Links to my other projects so far are included, feel free and browse through them if you like.
• This will continually be updated as I further my skills!

Deployment

This portfolio built with React is hosted on Netlify. If you are interested in showcasing your own work, setting up an account is simple, and to create your own version of this application:

• Create an account on Netlify.
• From there, link your GitHub repository to Netlify.
• Set up continous deployment by following the instructions in the build process.
• Deploy your site. Netlify will provide you with the URL for your live application to share with others and showcase your work!

To view the deployed version of this project: Click Here

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request. You can also reach out to me via the links provided below. I would absolutely love to collaborate on any and all projects, big and small.

License

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

Questions

If you have any questions about the repo, open an issue or contact me directly via email here.

You can find more of my work on GitHub.