My Portfolio

Welcome to my portfolio site! This site showcases my code projects and art.

Technologies Used

This portfolio site is built using the following technologies:

• HTML
• CSS (Sass)
• JavaScript
• jQuery
• Lightgallery
• Isotope
• Gulp
• Font Awesome

Setup and Development

To set up and run this portfolio site locally, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/your-portfolio.git
2. Navigate to the project directory: cd your-portfolio
3. Install the dependencies: npm install
4. Start the development server: npm start
5. Open the site in your browser at http://localhost:3000

Project Structure

The project structure is as follows:

• index.html: The main HTML file for the portfolio site.
• css/: Directory containing CSS files.
  • styles.scss: The main Sass file that imports other Sass files.
  • reflex.scss: Sass file for the Reflex grid system.
  • loading.scss: Sass file for loading screen styles.
  • navigation.scss: Sass file for navigation styles.
  • animate.scss: Sass file for animation styles.
  • gallery.scss: Sass file for gallery styles.
  • projects.scss: Sass file for project styles.
• js/: Directory containing JavaScript files.
  • index.js: The main JavaScript file for the portfolio site.
  • jquery.min.js: jQuery library file.
  • lightgallery.min.js: Lightgallery library file.
  • imagesloaded.min.js: Imagesloaded library file.
  • isotope.min.js: Isotope library file.
• json/: Directory containing JSON data files.
  • projects.json: JSON file containing project data.
• images/: Directory containing image files used in the portfolio.
• gulpfile.js: Gulp configuration file for build tasks.
• package.json: NPM package configuration file.
• .gitignore: File specifying files and directories to be ignored by Git.

License

This project is licensed under the MIT License.