https://github.com/devmahmud/react-frontend-dev-portfolio

Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.
https://github.com/devmahmud/react-frontend-dev-portfolio

dev-portfolio frontend-dev-portfolio frontend-portfolio github-portfolio html5 javascript portfolio portfolio-page portfolio-template react react-portfolio-template tailwind tailwind-react-portfolio template typescript

Last synced: about 2 months ago
JSON representation

Easy to adapt and deploy React portfolio inspired with solutions found at GitHub.

• Host: GitHub
• URL: https://github.com/devmahmud/react-frontend-dev-portfolio
• Owner: devmahmud
• Created: 2023-08-08T15:11:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-29T06:14:35.000Z (3 months ago)
• Last Synced: 2024-10-12T07:24:06.550Z (2 months ago)
• Topics: dev-portfolio, frontend-dev-portfolio, frontend-portfolio, github-portfolio, html5, javascript, portfolio, portfolio-page, portfolio-template, react, react-portfolio-template, tailwind, tailwind-react-portfolio, template, typescript
• Language: TypeScript
• Homepage: https://devmahmud.github.io/react-frontend-dev-portfolio/
• Size: 6.06 MB
• Stars: 25
• Watchers: 1
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 






React Tailwind Portfolio Template



⭐ Easy to adapt and deploy portfolio project covering most important 

sections(about, exp, skills, projects), inspired with solutions found 

at GitHub. Check live preview(link below).



:crown: advantages

               




:eye_speech_bubble: Live demo


Check live demonstration here



:books: Getting started


1. Clone or fork project.

2. Install required dependencies with `yarn install`.

3. Remove `homepage` entirely from `package.json` or set it to single dot. 

```json

// package.json

{

  "name": "react-frontend-dev-portfolio",

  "homepage": "https://devmahmud.github.io/react-frontend-dev-portfolio/",   <-- remove/edit this

  "version": "0.1.0",

  "private": true,

  "dependencies": {

  ...

}

```

4. `yarn dev` project and customize it.

5. Deploy on github-pages using `yarn deploy` command.


⚠️ Note that:

- if you want to have portfolio on different repository than `{username}.github.io`, 

set `homepage` in `package.json` to `https://{username}.github.io/{repository-name}/` 

before deploying portfolio.

- You also need to change the `base` inside `vite.config.ts`

- if you want to run it locally with yarn dev, make sure that you have edited 

homepage property or json data won't load.



:star: Inspirations


Tailwindcss 


React Vertical Timeline 


React Awesome Slider 


React Switch 


React Type Animation 


Iconify Design 


:gear: Contribution


If you have any suggestions on what to improve in react-frontend-dev-portfolio and would like to share them, feel free to leave an issue or fork project to implement your own ideas :slightly_smiling_face:

:gear: Credits(Source Code)

This project is complete rewrite of [Dorota1997/react-frontend-dev-portfolio](https://github.com/Dorota1997/react-frontend-dev-portfolio)


:camera: Credits(images)


p1, p2, p3, p4, p5, p6