https://github.com/kartikmehta8/open-portfolio
A React-based Portfolio website with Tailwind CSS styling. Fork it. Use it.
https://github.com/kartikmehta8/open-portfolio
portfolio-website reactjs tailwindcss
Last synced: 3 months ago
JSON representation
A React-based Portfolio website with Tailwind CSS styling. Fork it. Use it.
- Host: GitHub
- URL: https://github.com/kartikmehta8/open-portfolio
- Owner: kartikmehta8
- License: mit
- Created: 2022-12-03T07:16:03.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-03T08:10:45.000Z (over 2 years ago)
- Last Synced: 2025-01-16T05:55:23.636Z (4 months ago)
- Topics: portfolio-website, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://open-portfolio.netlify.app
- Size: 750 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A React-based portfolio website for developers who **are/aren't** in Website Development. **Super Customizable** with Tailwind CSS styling. Make it your portfolio. Fork it. Use it.
## Setup instructions
1. Fork the repository.
2. Clone it in your system using `git clone `.
3. In the project directory, open the terminal and run `npm install`.
4. Run `npm start`. You should be able to see the [website](https://open-portfolio.netlify.app) like this.
## Update your details
There are only **two files** in which you have to change the data.
1. Go to `/src/constant/data.js` and edit the details.
```javascript
export const data = {
name: "John Doe",
tagline:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et aliqua.",
resume: "https://www.google.com",
skills: [
...
```
2. Go to `/src/components/Home/Salutation.jsx` and update the positions.
```javascript
export default function Salutation() {
return (
,
,
"Position 2",
,
,
"Position 3",
,
,
"Position 4",
,
,
]}
/>
);
}
```
> **Warning**
> Make sure that the length of your `position` and `delete character` must be equal. ["**position 1**" is equal to length **10**]
## Deployment
1. Login to [Netlify](https://www.netlify.com).
2. Click on **Add new site** & then **Import an existing project**.
3. Connect your git provider - **Select GitHub**.
4. Select your **forked repository**.
5. Click on **Deploy Site**.
6. Explore Netlify to edit further details.
Made & open-sourced with ❤️ by kartikmehta8