https://github.com/saifulislam735/saiful_portfolio
https://github.com/saifulislam735/saiful_portfolio
custom-css react threejs vite
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/saifulislam735/saiful_portfolio
- Owner: saifulislam735
- Created: 2024-08-07T23:28:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-17T21:36:07.000Z (over 1 year ago)
- Last Synced: 2025-02-01T10:51:09.618Z (about 1 year ago)
- Topics: custom-css, react, threejs, vite
- Language: JavaScript
- Homepage: https://saiful-portfolio-nine.vercel.app
- Size: 36.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio Template
## License and Attribution
The code in this repository is released under the [MIT] 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.
### Acknowledgments
This project was originally created by Shaquille Ndunda.
## Built With
- React.js
- Three.js
- Framer Motion
- TailwindCSS
## 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.
- 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
👤 **Saiful Islam**
- GitHub: [@your-github-handle](https://github.com/your-github-handle)
- Twitter: [@your-twitter-handle](https://twitter.com/your-twitter-handle)
- LinkedIn: [Your Name](https://www.linkedin.com/in/your-linkedin-handle/)
## 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!
## Languages and Libraries Used
This project uses the following languages and libraries:
### Languages
- JavaScript
- HTML
- CSS
### Libraries
- **React.js:** A JavaScript library for building user interfaces.
- **Three.js:** A JavaScript library that allows you to create and display animated 3D computer graphics in a web browser.
- **Framer Motion:** A library that powers production-ready animations.
- **TailwindCSS:** A utility-first CSS framework for rapidly building custom user interfaces.
## How to Use and Run the Project
1. **Clone the repository:**
```sh
git clone https://github.com/..........
cd Portfolio-Template