This ePortfolio showcases several of my projects, demonstrating my skills and experience in programming and web development. The portfolio is designed with a clean and simple layout that is easy to navigate. It includes a navigation bar and menu for smooth browsing. The website also includes interactive elements and animations to enhance the user experience, all built with modern web development technologies.
The projects featured are:
- Short Hair with Glasses Detector: A machine learning model to detect people with short hair and glasses. Using OpenCV library for object detection and Yolov4 to train the model.
- Visual Novel Game:A psychological horror visual novel titled Beneath the Vines, developed using the Ren'Py game engine.
- Weather Fetcher using API: a website that fetches and displays weather data of a certain city using TCP sockets and OpenWeather API.
- Sales and Inventory Management System: A system that helps manage The BikeShop sales and inventory, using laravel and Mysql.
(These projects are available in my GitHub repository. Feel free to check them out!)
- HTML: For the basic structure of the website.
- CSS: For styling and layout.
- JavaScript: For interactivity and functionality.
- GSAP (GreenSock Animation Platform): For creating smooth and complex animations.
- Formspree: To handle static form submissions.
- GitHub: For version control and managing code collaboration.
To replicate or contribute to this portfolio, start by cloning the repository from GitHub.
git clone https://github.com/your-username/portfolio.gitEnsure that you have a code editor like Visual Studio Code installed. No special backend setup is required for this portfolio, as it is static with client-side technologies.
Open the folder containing the project files in your code editor. To view the portfolio locally, simply open the index.html file in any modern web browser.
If you want to contribute, fork the repository and submit a pull request with your changes. Ensure your code is well-documented and follows best practices for web development.
The form is handled using Formspree, which allows you to easily collect form submissions without needing server-side code. Set up an account on Formspree and configure the form endpoint if needed. https://formspree.io/
GSAP or GreenSock Animation Platform is used for animations. Ensure you include the GSAP library in your project by referencing it in the index.html file. For adding new animations or interactive features, check out the GSAP documentation for guides and examples. https://gsap.com/docs/v3/
By following these steps, you can easily replicate or contribute to this ePortfolio. Feel free to explore and enhance it with your own ideas!