MrCyberSolo - Personal Portfolio

A modern, responsive personal portfolio website built with React and Tailwind CSS.

Features

• Responsive design that works on all devices
• Modern UI with smooth animations
• Interactive sections for showcasing skills and projects
• Contact form for potential clients to reach out
• Built with React for component-based architecture
• Styled with Tailwind CSS for rapid development

Getting Started

Prerequisites

Before you can run this project, you need to have Node.js and npm installed on your machine.

• Node.js (v14.0.0 or later)
• npm (comes with Node.js)

Installation

1. Clone this repository or download the source code
2. Navigate to the project directory
3. Install the dependencies:

npm install

Running the Development Server

To start the development server, run:

npm start

This will start the app in development mode. Open http://localhost:3000 to view it in your browser.

Building for Production

To build the app for production, run:

npm run build

This will create an optimized production build in the build folder.

Project Structure

src/
├── assets/       # Static assets like images
├── components/   # React components
│   ├── About.js
│   ├── Contact.js
│   ├── Education.js
│   ├── Home.js
│   ├── Portfolio.js
│   ├── ScrollToTop.js
│   └── Sidebar.js
├── App.js        # Main App component
├── index.js      # Entry point
└── index.css     # Global styles and Tailwind imports

Customization

You can customize various aspects of the portfolio:

• Update personal information in each component
• Change colors in the tailwind.config.js file
• Add or remove portfolio items in the Portfolio.js component
• Update education history in the Education.js component

Deployment

This React app can be deployed to various platforms:

• Netlify
• Vercel
• GitHub Pages
• Firebase Hosting
• AWS Amplify

Follow the documentation of your preferred hosting platform for specific deployment instructions.

License

This project is open source and available under the MIT License.