+
Personal portfolio website of Aditya Putra Sholahuddin, built with Laravel as the backend/API and React as the frontend, showcasing profile, projects, skills, and experience as a Full Stack Developer in an interactive and modern way.
| Name | Aditya Putra Sholahuddin |
| Role | Full Stack Developer |
| GitHub | github.com/KREESS |
| Repository | github.com/KREESS/Website-Portfolio |
| Website | kreess.my.id |
| Aditya Putra Sholahuddin | |
| @xxaditptr_ | |
| adityasholahuddin@gmail.com |
This project is a portfolio website built to showcase personal information such as biodata, skills, experience, and a list of completed projects. It uses Laravel (Backend/API) to serve data through a REST API, and React (Frontend) as a Single Page Application (SPA) to deliver a fast, responsive, and interactive user interface.
- 🏠 Landing Page — A modern self-introduction section
- 👤 About Me — Biodata and personal description
- 💼 Portfolio / Projects — A list of completed projects with details and demo links
- 🛠️ Skills — Displays technologies and tools mastered
- 📩 Contact — A form for reaching out via email/message
- 📱 Responsive Design — Optimized display on desktop, tablet, and mobile
- ⚡ API Driven — Data is managed via the Laravel API and consumed by React
Backend
- Laravel — PHP framework for the REST API
- MySQL / PostgreSQL — Database
- Laravel Sanctum (optional) — API authentication
Frontend
- React.js — Component-based UI library
- TypeScript — Typed superset of JavaScript for safer, more maintainable code
- Axios — HTTP client for consuming the API
- Tailwind CSS / CSS — UI styling
- React Router — SPA page routing
| Language | Percentage |
|---|---|
| TypeScript | 67.2% |
| PHP | 29.2% |
| CSS | 2.9% |
| Other | 0.7% |
website-portfolio/
├── backend/ # Laravel project (API)
│ ├── app/
│ ├── database/
│ ├── routes/
│ │ └── api.php
│ └── ...
│
└── frontend/ # React + TypeScript project
├── src/
│ ├── components/
│ ├── pages/
│ ├── services/
│ └── App.tsx
└── ...
git clone https://github.com/KREESS/Website-Portfolio.git
cd Website-Portfoliocd backend
composer install
cp .env.example .env
php artisan key:generateConfigure the database settings in the .env file:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=portfolio
DB_USERNAME=root
DB_PASSWORD=Run the database migrations:
php artisan migrate --seedStart the Laravel server:
php artisan serveThe backend will run at http://127.0.0.1:8000
Open a new terminal:
cd frontend
npm installConfigure the API base URL in the frontend's .env file:
REACT_APP_API_URL=http://127.0.0.1:8000/apiStart React:
npm startThe frontend will run at http://localhost:3000
Example API endpoints provided by Laravel and consumed by React:
| Method | Endpoint | Description |
|---|---|---|
| GET | /api/projects |
Retrieve the list of projects |
| GET | /api/projects/{id} |
Retrieve project details |
| GET | /api/skills |
Retrieve the list of skills |
| POST | /api/contact |
Send a message from the contact form |
- Backend (Laravel) can be deployed to services such as a VPS, Laravel Forge, or PHP-compatible shared hosting.
- Frontend (React + TypeScript) can be built using
npm run buildand deployed to Netlify, Vercel, or served directly through Laravel.
Contributions are welcome! To contribute:
- Fork this repository
- Create a new branch (
git checkout -b new-feature) - Commit your changes (
git commit -m 'Add new feature') - Push to the branch (
git push origin new-feature) - Open a Pull Request
This project is open-sourced under the MIT License.
If you have any questions, collaboration ideas, or feedback, feel free to reach out:
- 👤 Name: Aditya Putra Sholahuddin
- 📧 Email: adityasholahuddin@gmail.com
- 💼 LinkedIn: Aditya Putra Sholahuddin
- 📸 Instagram: @xxaditptr_
- 🌐 Website: kreess.my.id
- 🐙 GitHub: github.com/KREESS
Made with ❤️ by Aditya Putra Sholahuddin using Laravel & React