Skip to content
View MrCyberSolo's full-sized avatar
πŸ†
πŸ†

Block or report MrCyberSolo

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mrcybersolo/README.md

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.

Popular repositories Loading

  1. supabase supabase Public

    Forked from supabase/supabase

    The open source Firebase alternative.

    TypeScript 1

  2. Telegram-Cryptocurrency-Wallet-Libermall Telegram-Cryptocurrency-Wallet-Libermall Public

    Forked from LiberMall/Telegram-Cryptocurrency-Wallet-Libermall

    Is your all-in-one Telegram assistant for TON, offering seamless crypto trading, staking, and an innovative referral system. From managing TON and USDT to direct interactions with the NFT Marketpla…

    PHP 1

  3. telegramBot telegramBot Public

    manage telegram bot

    PHP 1

  4. HASOKI HASOKI Public

    Forked from cutipu/HASOKI

    HASOKI DDOS TOOL- powerful DDoS toolkit for penetration tests

    Python 1

  5. trial_license_litespeed trial_license_litespeed Public

    Forked from tactu2023/trial_license_litespeed

    Unlimited Trial License Litespeed

    Shell 1

  6. FC-Digital-Wallet FC-Digital-Wallet Public

    Forked from thekunalsaini/FC-Digital-Wallet

    FreeCharge Digi Wallet Node JS App

    JavaScript 1