Hand-coded with React and Chakra UI, the code can be downloaded and modified directly
ReactPortfolio
portfolio-rahulkp — React Portfolio Template
By Rahul1582
A self-coded personal portfolio website template built with React and Chakra UI, including sections for Home, About, Projects and Blogs, Resume, and Contact, with light/dark theme support and responsive layout.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Includes five sections: Home, About Me, Projects And Blogs, Resume, Contact Me
Offers light and dark theme switching, with layout adjustable to personal needs
Images have blur-up placeholders and lazy loading, and adapt to desktop, tablet, and mobile
README provides laptop and mobile screenshots for comparing the original appearance
Template Details
This is a personal portfolio website template hand-coded with React and Chakra UI. The author states in the README that the code is self-written and provides an online demo. The page structure is divided into five sections based on common portfolio needs: Home, About Me, Projects And Blogs, Resume, and Contact Me. It is suitable for direct use as a personal homepage after replacing personal information.
The template emphasizes customizability and lightweight editing: it offers light and dark theme switching, adjustable layout, image blur-up placeholders and lazy loading, and responsive adaptation for desktop, tablet, and mobile. The README also includes screenshots for laptop and mobile, making it easy to compare the original appearance before making changes.
To use it, clone the repository, run npm install to install dependencies, then npm start to launch the local development server, accessible by default at localhost:3000. The author deployed the app on Render, and the README explains that it can also be hosted directly on Render by linking your own repository. The project is under the Apache-2.0 license, allowing free use, modification, commercial use, and distribution, provided the license is included and attribution notices are retained; third-party assets such as demo images, fonts, and icons require separate license verification, and external services like domain and hosting may incur costs.
ReactPortfolio
Is it right for your project?
Use Cases
- Building a personal portfolio website to showcase projects, blogs, and resume
- Serving as a learning reference project for React and Chakra UI
- Reusing its light/dark theme and responsive layout ideas in existing React projects
Suitable For
- Developers or designers who need to quickly launch a personal homepage
- Those who want to customize a portfolio based on existing React code
- Front-end learners looking to reference Chakra UI component organization
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository: git clone https://github.com/Rahul1582/portfolio-rahulkp.git
- 2
Install dependencies: npm install
- 3
Start the development server: npm start, then visit localhost:3000
- 4
For deployment, refer to the README; the author uses Render, and you can also host by linking your own repository
- 5
The Apache-2.0 license allows free use and commercial use, but distribution requires including the license and retaining attribution notices; third-party assets such as images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the Apache-2.0 license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution are allowed; distribution must include the Apache-2.0 license.
- Modified files must carry prominent notices of changes, and relevant copyright, patent, trademark, and attribution notices must be retained.
- If the original project includes a NOTICE file, applicable attribution notices must be retained when distributing derivative works.
- The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
- The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The project demo is deployed on Render; if you deploy it yourself, you need to register for Render or another hosting service account, which may incur external service costs.
- The README suggests hosting on Render by linking your own repository, which is an external service dependency, and you are responsible for the account and any potential costs.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be assumed to be covered solely by the code's Apache-2.0 license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis
no-charge, royalty-free, irrevocable copyright license
Original License Text
This Web Application is deployed to Render.
Original README
https://github.com/Rahul1582/portfolio-rahulkp/blob/main/LICENSEhttps://github.com/Rahul1582/portfolio-rahulkp/blob/main/README.mdYou could also host directly with Render by linking your own repository.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 87 / 100
- Technologies
- React
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-01-18
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies React as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: d630c2ff15bcd1b5084d13baec6934485473621c7c5ed8763881185ca2a40701
2026-10-02T08:21:24.553Z
Source file / repository# Portfolio
Self Coded Portfolio Website made using React JS and Chakra UI.
<p align="center">
<kbd>
<a href="https://rahulkp15.onrender.com/" target="_blank"><img src="./images/intro.jpg" >
</a>
</kbd>
</p>
## Live Demo
- Click [here](https://rahulkp15.onrender.com/) to view the live demo.
## Features 📋
⚡️ Dark and Light Theme \
🎨 Customizable Layouts: Personalize your portfolio layout.\
📱 Responsive Design: Look great on desktop, tablet, and mobile.\
🏳️ Shimmering Effect and Lazy Loading of Images. \
💡 Edit with Ease: Light weight editing solution.\
💻 Downloadable React Code: Full control over your portfolio.
## Sections 📚
✔️ Home\
✔️ About Me\
✔️ Projects And Blogs\
✔️ Resume\
✔️ Contact Me
### Tech Stack 💻
- [React.js](https://react.dev/)
- [Chakra UI](https://chakra-ui.com/)
## Screenshots
### Laptop Views
<p align="center">
<kbd>
<a href="https://rahulkp15.onrender.com/" target="_blank"><img src="./images/laptopView.jpg">
</a>
</kbd>
</p>
### Mobile Views
<div align="center">
<kbd>
<img src="./images/mobile-view-1.jpg" width="400" height="400">
<img src="./images/mobile-view-2.jpg" width="400" height="400">
</kbd>
</div>
## Getting Started ⚡ :-
**1. Clone this repo by running the following command :-**
```bash
git clone https://github.com/Rahul1582/portfolio-rahulkp.git
```
**2. Now Install all the required packages by running the following commands :-**
```bash
npm install
```
**3. Now start the React server by running the following command :-**
```bash
npm start
```
**3.** **🎉 Open your browser and go to `https://localhost:3000`**
## Deployment 📦
This Web Application is deployed to Render.
You could also host directly with Render by linking your own repository.
## License 📄
This project is licensed under the Apache-2.0 License - see the [LICENSE.md](./LICENSE) file for details
## Show your Support
Give a ⭐️ if you like this project!Explore similar templates
Compare previews and descriptions within the same stack and category.
react-portfolio-template
A React-based developer portfolio template for showcasing projects, work history, and skills. It offers a multi-component layout, dark and light modes, and responsive mobile adaptation, with text and images editable in src/components.
React · Portfolio
personal-website-react
A single-page developer portfolio template built with React and Material-UI, driven by a JSON Resume-compliant resume.json. It offers light/dark theme switching with localStorage persistence, a clean responsive layout, and Create React App tooling for simple builds and static deployment.
React · Portfolio
karngyan.com
A personal website and blog template for developers, built with TanStack Start, React 19, Tailwind CSS v4, and shadcn/ui. It uses MDX for articles with Shiki highlighting and GFM tables, and automatically generates RSS, sitemap, robots.txt, llms.txt, and OG images.
React · Portfolio
react-portfolio-template
A React portfolio template by Ryan Balieiro with a fixed sidebar and page-turn transitions on desktop, bottom navigation on mobile, multilingual support, light/dark themes, and content components for experience, education, skills, projects, and testimonials.
React · Portfolio
portfolio
A data scientist personal portfolio template built with React and MUI, with content centrally managed through configuration files in the assets directory.
React · Portfolio
react-portfolio
A React 16 and Material-UI developer portfolio template that centralizes personal information in a JSON Resume-compliant resume.json, with light/dark theme switching saved to local storage. It currently provides portfolio display only; resume page templates and structured data enhancements are still planned.
React · Portfolio