This is a personal portfolio website built using React and Vite, showcasing my projects, skills, and experience as a developer. The website is optimized for performance and features smooth animations powered by Kaplay.
Check out the live site here: Live Site
- Responsive Design: The site is fully responsive, adapting to various screen sizes.
- Project Showcases: A section to display and highlight past projects with descriptions and links.
- Contact Form: A functional form for visitors to get in touch.
- Smooth Animations: Interactive animations powered by Kaplay.
- Fast Development: Powered by Vite, providing fast reloads and a streamlined development experience.
- React: A JavaScript library for building user interfaces.
- Vite: A fast, opinionated build tool that makes use of modern JavaScript features.
- Kaplay: A powerful animation library for smooth, interactive web experiences.
- Jotai: A minimal state management solution for React applications.
- ESLint: Ensures code quality and consistency with linting.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/portfolio-site.git
-
Navigate to the project directory:
cd portfolio-site -
Install dependencies:
npm install
-
Start the development server:
npm run dev
This portfolio website is continuously evolving! I plan to periodically add more features, enhance the game world, and refine the overall experience. Upcoming additions include:
- New animations and visual effects for a more dynamic user experience
- Expanded sections showcasing additional projects and skills
- Ongoing improvements to the design and functionality
Check back regularly for new updates and improvements!
- JSLegend: This project was inspired by a tutorial from JSLegend. You can find the tutorial here.
- The Book of Shaders: A great resource for learning about shaders and graphics programming. Explore it here.
- Kaplay Docs: The official guide for installing and using Kaplay for animations in React. Access it here.
- Dev Community Post - Ahmed Sarhan: A quick guide on adding a real time clock and date feature with Vanilla JS. here