web-portfolio-react — Vite Portfolio Template

SHA-256: 70eba85d674536938f896e032112d5333fa6ced7a6d7994f1ad87bb72d74d6a0

2026-10-15T23:38:13.356Z

# web-portfolio-react

## Web Portfolio React Template (Free-to-use template)
This is a web portfolio template built with React (using Vite.js) and Tailwind CSS + Framer Motion. It includes pages for Home, About, Projects, and Contact, as well as a Footer and Navigation bar.

You can use this template as a starting point for your own web portfolio, or modify it to fit your needs.

---

## 📘 Installation and Usage

1. Clone this repository

```bash
git clone https://github.com/nanonymoussu/web-portfolio-react.git
```

2. Install dependencies when successfully clone

```bash
cd web-portfolio-react
bun install
```

3. Run the development server

```bash
bun run dev
```

4. Build the project if you want to deploy to production

```bash
bun run build

// View the webpage after building
bun run preview
```

---

## 📁 Project Folder Structure
```
/src
├── /components
│   ├── /About
│   │   └── About.jsx     # About Page
│   ├── /Home
│   │   └── Home.jsx      # Home Page
│   ├── /Projects
│   │   └── Projects.jsx  # Projects Page
│   ├── /Contact
│   │   └── Contact.jsx   # Contact Page
│   ├── /Footer
│   │   └── Footer.jsx    # Footer Section
│   └── /Navbar
│       └── Navbar.jsx    # Navigation bar Section
├── App.jsx               # Initial Routes Endpoint gateway
├── index.css             # Global styles
└── main.jsx              # Main page for render HTML (ReactDOM.render)
```

---

##### Copyright 2025 - nanonymoussu, MIT License
### You're free to use it however you like; there are no copyright restrictions.