https://github.com/haxcod/portfolio
my portfolio
https://github.com/haxcod/portfolio
introduction portfolio
Last synced: 10 months ago
JSON representation
my portfolio
- Host: GitHub
- URL: https://github.com/haxcod/portfolio
- Owner: haxcod
- Created: 2024-05-03T05:18:54.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-20T08:46:09.000Z (about 2 years ago)
- Last Synced: 2025-03-15T17:45:34.494Z (over 1 year ago)
- Topics: introduction, portfolio
- Language: CSS
- Homepage: https://mernfy.vercel.app
- Size: 1.17 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Portfolio Component](#portfolio-component)
- [Contributing](#contributing)
- [License](#license)
This repository contains the source code for a portfolio website built using Vite.js with React. The website showcases my skills, experience, and projects in a visually appealing and easy-to-navigate format.
## Introduction
Welcome to our Portfolio Project! This portfolio is designed to showcase your skills, projects, and experiences in a visually appealing and professional manner. Whether you're a developer, designer, or any other professional, this portfolio template provides you with the tools to create a stunning online presence.
## Features
* Built with Vite.js and React for fast and efficient development
* Responsive design that looks great on all devices
* Customizable and easy to modify
* Includes a variety of sections to showcase skills, experience, and projects
* Easy to deploy on GitHub Pages
## Prerequisites
* Node.js installed
* Yarn package manager installed
## Getting Started
To get started, clone the repository to your local machine and navigate to the project directory.
Install the dependencies by running:
## Installation
To get started with the Vite Portfolio Project, follow these steps:
1. Clone the repository:
git clone https://github.com/iamashishrathaur/portfolio.git
cd myportfolio
npm install
npm run dev
The website will be available at `http://localhost:3000`.
## Deployment
To deploy the website to GitHub Pages, follow these steps:
1. Create a new repository on GitHub and initialize it with a `README.md` file.
2. Clone the repository to your local machine.
3. Navigate to the project directory and run `yarn build` to build the website.
4. Run `yarn deploy` to deploy the website to GitHub Pages.
The website will be available at `https://.github.io/`.
## Customization
To customize the website, modify the `src/App.js` file. The file contains a variety of sections that you can modify to showcase your skills, experience, and projects.
## Built With
* [Vite.js](https://vitejs.dev/) - A fast and efficient build tool for modern web development
* [React](https://reactjs.org/) - A JavaScript library for building user interfaces
* [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom user interfaces
## License
This project is licensed under the MIT License - see the `LICENSE` file for details.
## Acknowledgments
* [Vite.js documentation](https://vitejs.dev/guide/)
* [React documentation](https://reactjs.org/docs/getting-started.html)
* [Tailwind CSS documentation](https://tailwindcss.com/docs)
## Preview
# Portfolio Source Code
This directory contains the source code for the portfolio website.
## Files and Directories
* `App.js`: The main application file that contains the website's layout and components.
* `components`: A directory that contains reusable React components.
* `images`: A directory that contains images used throughout the website.
* `styles`: A directory that contains CSS styles for the website.
* `utils`: A directory that contains utility functions used throughout the website.
# Portfolio Public Assets
This directory contains public assets for the portfolio website.
## Files
* `index.html`: The main HTML file that serves as the entry point for the website.
* `preview.png`: A preview image of the website.
# Portfolio Components
This directory contains reusable React components for the portfolio website.
## Files
* `Header.js`: A component that displays the website's header.
* `Footer.js`: A component that displays the website's footer.
* `About.js`: A component that displays the website's about section.
* `Experience.js`: A component that displays the website's experience section.
* `Projects.js`: A component that displays the website's projects section.
* `Skills.js`: A component that displays the website's skills section.
# Portfolio Styles
This directory contains CSS styles for the portfolio website.
## Files
* `bootstrap.css`: A custom Tailwind CSS configuration file.
* `index.css`: A global CSS file that defines styles for the website.
* `App.css`: A CSS file that defines styles for individual components.
#License
This project is licensed under the `MIT License.`
Feel free to customize this README template further to better suit your project's specific requirements.