Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codebayu/template-portfolio
⚡️ Vite + React + TypeScript + Tailwind CSS + Framer Motion portfolio template
https://github.com/codebayu/template-portfolio
Last synced: 3 months ago
JSON representation
⚡️ Vite + React + TypeScript + Tailwind CSS + Framer Motion portfolio template
- Host: GitHub
- URL: https://github.com/codebayu/template-portfolio
- Owner: codebayu
- Created: 2023-07-28T10:35:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-16T02:33:04.000Z (over 1 year ago)
- Last Synced: 2024-05-02T05:59:22.148Z (8 months ago)
- Language: TypeScript
- Homepage: https://template-portfolio-gamma.vercel.app
- Size: 261 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Template Portfolio - Vite + React + Tailwind CSS + Yarn + TypeScript + Framer Motion
Welcome to the Template Portfolio project! This repository serves as a starting point for creating your own portfolio website using a modern web development stack. By cloning this repository and following the instructions below, you can easily set up your portfolio website with Vite, React, Tailwind CSS, Yarn, TypeScript, and Framer Motion.
## Preview
## Prerequisites
Before you begin, make sure you have the following tools installed on your machine:
1. [Node.js](https://nodejs.org) (recommended version 14.x or later)
2. [Yarn](https://yarnpkg.com) (recommended version 1.x)## How to Use
### Clone the Repository
To get started, clone this repository to your local machine using `git`:
```bash
git clone https://github.com/Bayusetiawan45/template-portfolio.git
cd template-portfolio
```### Running the Project
To running the app, following the command on the terminal:
```bash
yarn install
yarn dev
```Then open http://localhost:5173/ on your favorite browser
## Customize Your Portfolio
Feel free to customize and expand this template according to your preferences. The project uses the following technologies, and you can leverage their documentation to further enhance your portfolio:
## Contributing
If you encounter any issues, have suggestions, or want to contribute to this template, feel free to create issues and pull requests. Your contributions are greatly appreciated!