Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shaqdeff/portfolio-template
This portfolio template is designed to showcase your skills, experience, and accomplishments in a visually appealing and professional manner.
https://github.com/shaqdeff/portfolio-template
framer-motion react tailwindcss threejs vite
Last synced: 5 days ago
JSON representation
This portfolio template is designed to showcase your skills, experience, and accomplishments in a visually appealing and professional manner.
- Host: GitHub
- URL: https://github.com/shaqdeff/portfolio-template
- Owner: shaqdeff
- Created: 2023-05-13T14:21:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-26T09:17:46.000Z (6 months ago)
- Last Synced: 2025-01-11T23:07:05.512Z (12 days ago)
- Topics: framer-motion, react, tailwindcss, threejs, vite
- Language: JavaScript
- Homepage: https://shaq-portfolio.netlify.app/
- Size: 28.9 MB
- Stars: 359
- Watchers: 3
- Forks: 178
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Template
https://github.com/shaqdeff/Portfolio-Template/assets/92020713/eed76a82-e59d-440b-a04c-a2dc00a508b7
I created this portfolio to use as my own but ended up doing something else entirely. However, instead of keeping it buried, I decided to put it up here on GitHub as an open-source resource to help individuals to learn, adapt, and create their own portfolios. Feel free to customize and modify the theme and components to suit your personal style and branding preferences.
## License and Attribution
The code in this repository is released under the [MIT](https://github.com/shaqdeff/Portfolio-Template/blob/90213d4887074d1d29434f706afad3d12fa33f5f/MIT.md) License, which grants you the freedom to use, modify, and distribute the template as your own. However, if you choose to use the site's design largely unmodified, kindly credit me as the original designer of the site.
All projects and experiences included in this portfolio are the result of my own efforts and creativity. Please refrain from presenting them as your own.
## Built With
- React.js
- Three.js
- Framer Motion
- TailwindCSS
## Live Demo
- Click [here](https://shaq-portfolio.netlify.app/) to view the live demo.
## Getting Started
To get started with this portfolio template, follow these simple steps:
### Prerequisites
Make sure you have node `16.0.0` or higher and npm `9.0.0` or higher installed.
### Setup
- With git, clone the code to your machine, or download a ZIP of all the files directly.
- [Download the ZIP file from this location](https://github.com/shaqdeff/Portfolio-Template/archive/refs/heads/main.zip) or run the following [git](https://git-scm.com/) command to clone the files to your machine:
```
git clone https://github.com/shaqdeff/Portfolio-Template.git
```
- Once the files are on your machine, open the **Portfolio-Template** folder in [Visual Studio Code](https://code.visualstudio.com/download).
```
cd Portfolio-Template && code .
```
## Install
- After opening the files in Visual Studio Code, open the **VS Code** integrated terminal and run the following commands:
```
npm install
```
This will install all the packages and dependencies used in the project.
## Usage
- Run the following command to start a local server:
```
npm run dev
```
This will open up the project on a browser on `http://localhost:5173/`
## Build
- To create a production build:
```
npm run build
```
- To preview the site as it will appear once deployed:
```
npm run preview
```
## Authors
👤 **Shaquille Ndunda**
- GitHub: [@shaqdeff](https://github.com/shaqdeff)
- Twitter: [@shaquillendunda](https://twitter.com/shaquillendunda)
- LinkedIn: [Shaquille Ndunda](https://www.linkedin.com/in/shaquille-ndunda-b13a95107/)
## Feedback and Contributions
If you have any feedback, suggestions, or would like to contribute to this project, your involvement is highly valued. Feel free to open an [issue](../../issues/) or submit a pull request with your ideas and enhancements. Remember, this template is a starting point, and the true magic lies in making it your own. Enjoy the journey of creating a stunning portfolio that represents your unique talents and accomplishments!
Happy coding and showcasing!
## Show your support
Give a ⭐️ if you like this project!