soylatte / react-frontend-dev-portfolio Goto Github PK

⭐ 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).

👑 advantages

Check live demonstration here

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.

Tailwindcss
React Vertical Timeline
React Awesome Slider
React Switch
React Type Animation
Iconify Design

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 🙂

p1, p2, p3, p4, p5, p6