This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.
-
Clone the repository:
git clone https://github.com/your-username/your-portfolio.git cd your-portfolio -
Install dependencies:
yarn install
-
Set up environment variables:
Create a
.envfile in the root directory and add your GitHub token:VITE_GITHUB_TOKEN=your_github_token_here
Important: The
VITE_GITHUB_TOKENis required to access the GitHub API and display your GitHub data in the portfolio. Without this token, GitHub API features will not work properly.To create a new GitHub token:
- Go to GitHub Settings → Developer settings → Personal access tokens → Tokens (classic)
- Click "Generate new token"
- Select the appropriate scopes (at minimum:
public_repoorrepofor repository access) - Copy the generated token and paste it in your
.envfile
-
Start the development server:
yarn dev
The application should now be running at http://localhost:5173.
To create a production build, run:
yarn run buildThen, you can preview the production build with:
yarn run previewyarn run buildyarn run deploy