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

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

2. Install dependencies when successfully clone

cd web-portfolio-react
bun install

3. Run the development server

bun run dev

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

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.