Skip to content

๐Ÿš€ Build a modern, bilingual personal portfolio with a dark mode design, dynamic PHP CMS, and seamless UI/UX for diverse devices.

Notifications You must be signed in to change notification settings

HTMLGUYNOOB/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ–ฅ๏ธ Portfolio - Modern Bilingual Personal Website

Download Portfolio

๐Ÿ“„ About Portfolio

Portfolio is a modern, bilingual Personal Portfolio designed with a focus on clean UI and great user experience. The project started as a blank canvas in Figma and developed into a complete, responsive website. It is designed to display your skills, projects, and contact information clearly and attractively.

The website supports both Greek and English languages, making it suitable for a wide audience. It uses technologies like CSS3, PHP, and WordPress to give you a customizable and professional online presence.


๐Ÿ’พ Download & Install

You can get the Portfolio application by visiting the releases page. This page contains all the available versions for download.

Step 1: Click the big blue button below or the badge at the top to visit the download page.

Download Portfolio Here

Step 2: On the GitHub releases page, find the latest version. You will see compressed files (usually .zip or .tar.gz) containing all the necessary files to run the website.

Step 3: Download the latest release zip file by clicking on it.

Step 4: Once downloaded, unzip the file to a folder on your computer.

Step 5: If you want to upload the website online, use a web server that supports PHP and WordPress, like Apache or Nginx. If you want to view it locally, you can use software like XAMPP to run the PHP and WordPress environment.


๐Ÿ”ง System Requirements

To run the Portfolio website smoothly, here are the recommended system requirements:

  • Operating System: Windows 10 or later, macOS 10.14 or later, or Linux
  • Web Server: Apache 2.4+ or Nginx 1.14+
  • PHP Version: PHP 7.4 or later with cURL and JSON extensions enabled
  • Database: MySQL 5.7 or later or MariaDB
  • Browser: Any modern web browser (Chrome, Firefox, Safari, Edge)
  • Disk Space: Minimum 100 MB free space for files
  • Memory: Minimum 512 MB RAM for running local server environments

If you plan to upload the website to a hosting service, check with the host provider to confirm these requirements.


โš™๏ธ How to Open and Use Portfolio

  1. Unzipping: After downloading, unzip the file to extract all contents.

  2. Local Installation (optional):

    • Install XAMPP or WAMP on your computer. These programs provide an easy way to set up Apache, PHP, and MySQL locally.
    • Copy the extracted Portfolio folder into the web serverโ€™s root directory (htdocs for XAMPP).
    • Start Apache and MySQL services.
    • Open your browser and type http://localhost/Portfolio to see the website.
  3. Online Installation:

    • Use an FTP client (like FileZilla) to upload the Portfolio files to your hosting server.
    • Set up a MySQL database via your hosting control panel.
    • Configure the websiteโ€™s settings as instructed in the readme or config files usually included with WordPress-based projects.
    • Visit your domain to see the Portfolio live.

๐Ÿšฉ Features Overview

  • Bilingual Support: Switch easily between Greek and English.
  • Responsive Design: Works on desktops, tablets, and smartphones.
  • Modern UI: Clean and intuitive interface focused on user experience.
  • Built with WordPress: Easy content management and future updates.
  • Customizable: Modify content, colors, and layouts with provided settings.
  • Project Showcases: Display your past work with images and descriptions.
  • Contact Form: Visitors can reach you directly through the site.
  • Figma Design Source: The original design can be adapted and extended in Figma.

๐ŸŒ Supported Topics and Technologies

This project uses a mix of tools and technologies commonly used in modern web development:

  • Breakdance Builder: For creating flexible page layouts visually.
  • CSS3: For styling and animation.
  • Figma Design: Original UI designs made in Figma.
  • PHP and WordPress: For backend and content management.
  • Frontend skills: Including HTML, CSS, and JavaScript.
  • UI/UX Principles: Ensures the site feels intuitive and easy to use.

๐Ÿ› ๏ธ Troubleshooting and Tips

  • The site doesnโ€™t load locally?
    Make sure Apache and MySQL are running in your local environment. Also, check that the Portfolio folder is in the correct location.

  • Canโ€™t switch languages?
    Ensure you have installed all WordPress plugins required for bilingual support. Sometimes, a plugin like WPML or Polylang is needed.

  • Problems uploading files to hosting?
    Check your FTP settings and credentials. Use passive mode if connections fail.

  • The contact form doesnโ€™t send?
    Make sure your hosting supports the PHP mail() function or configure SMTP properly.

  • Want to customize appearance?
    Edit the CSS files found in the css folder or use the WordPress Customizer if set up.


๐Ÿ“ž Getting Help

If you get stuck, you can:

  • Open an issue on the GitHub repository.
  • Check the GitHub Discussions tab for common questions.
  • Refer to WordPress or Breakdance plugin official documentation for further assistance.

๐Ÿ“Œ Final Notes

This Portfolio project is designed to help you showcase your work professionally without needing coding skills. With clear downloads, setup instructions, and modern design principles, you can share your story with the world online.

About

๐Ÿš€ Build a modern, bilingual personal portfolio with a dark mode design, dynamic PHP CMS, and seamless UI/UX for diverse devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •