Modern, responsive portfolio and project gallery for Riad Kilani, built with React, Vite, and Bootstrap. This site showcases web development, UI/UX, and design projects with a focus on clean code, performance, and maintainability.
- React + Vite: Fast, modern frontend stack with hot module reload
- Responsive Design: Mobile-first, flexible layouts using SCSS and Bootstrap
- Project Gallery: Dynamic project modals with multi-image and multi-paragraph support
- Admin Project Form: HTML/JS tool for generating new project JSON
- FontAwesome Icons: Rich iconography for tech stacks and UI
- Image Gallery Tabs: Organized project, mockup, and design galleries
- SCSS Architecture: Modular, maintainable, and fully nested styles
Live: https://riadkilani.com/
- Node.js (v18+ recommended)
- npm
git clone https://github.com/f1ss1on/react-portfolio.git
cd react-portfolio
npm installnpm run devVisit http://localhost:5173 to view the app.
npm run buildOutput will be in the dist/ folder.
npm run lintsrc/components/portfolio/— Portfolio, modal, and project datasrc/admin/project-form.html— Admin form for generating project JSONsrc/scss/— Modular SCSS stylespublic/— Static assets and images
Use the admin form at src/admin/project-form.html to generate new project JSON. Paste the output into src/components/portfolio/projects.js.
- React
- Vite
- Bootstrap 5
- SCSS
- FontAwesome
- Gulp (for CSS build)
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
Copyright © 2025 Riad Kilani. All rights reserved.
Unauthorized copying, distribution, modification, or use of this software, in whole or in part, is strictly prohibited without the express written permission of the copyright holder. This software and its associated documentation files are protected by international copyright laws and treaties. Any unauthorized use may result in civil and criminal penalties to the fullest extent permitted by law.
Riad Kilani — riadkilani.com | @f1ss1on