react-frontend-dev-portfolio

react-frontend-dev-portfolio copied to clipboard

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.

// 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)

:camera: Credits(images)

p1, p2, p3, p4, p5, p6