Portfolio v2 - JS

📋 Table of Contents

• ✨ Introduction
• ⚙️ Tech Stack
• 📝 Features
• 🚀 Quick Start

✨ Introduction

[EN] Modern and minimalist portfolio website crafted using HTML, CSS, and JavaScript. Features smooth animations powered by the ScrollReveal.js library, a responsive carousel implemented with the Swiper.js library, and dynamic filtering and sorting with the MixItUp library to enhance user experience.

[FR] Site web de portfolio moderne et minimaliste conçu avec HTML, CSS et JavaScript. Comprend des animations fluides avec la bibliothèque ScrollReveal.js, un carrousel réactif implémenté avec la bibliothèque Swiper.js, ainsi qu'un filtrage et un tri dynamiques avec la bibliothèque MixItUp pour améliorer l'expérience utilisateur.

⚙️ Tech Stack

• HTML (HyperText Markup Language) is the standard markup language used to create and structure content on the web. It provides the basic building blocks for web pages, defining elements such as headings, paragraphs, images, links, and more. HTML forms the backbone of any web document and is essential for web development.

• CSS (Cascading Style Sheets) is a stylesheet language used to control the presentation and layout of web pages. It allows developers to apply styles such as colors, fonts, spacing, and positioning to HTML elements. CSS enhances the visual appeal and user experience of a website by enabling the separation of content and design.

• JavaScript is a versatile programming language that enables interactive and dynamic functionality on web pages. It allows developers to create features like form validation, animations, and asynchronous content loading. JavaScript is essential for building modern web applications and works seamlessly with HTML and CSS to create a complete user experience.

• Sass is a preprocessor scripting language that extends CSS with features like variables, nested rules, and mixins. It helps developers write more maintainable and reusable stylesheets by allowing advanced functionalities such as inheritance and modularization.

• ScrollReveal.js is a JavaScript library used to create animated scroll-based reveal effects on web pages. It enables animations that trigger when elements come into view as the user scrolls, enhancing visual engagement and dynamism.

• Swiper.js is a modern JavaScript library for creating touch sliders with smooth transitions. It offers features like infinite looping, autoplay, and various navigation controls, making it ideal for interactive carousels and sliders with touch and gesture support.

• MixItUp is a JavaScript library for creating animated filtering, sorting, and grouping of content on web pages. It allows developers to build interactive and dynamic layouts, such as portfolios or galleries, with smooth animations and responsive design.

• EmailJS is a service that enables developers to send emails directly from JavaScript applications without requiring server-side code. It supports various email service providers and allows integration with forms to send emails directly from the web application, making it ideal for contact forms and user feedback.

📝 Features

👉 Modern and minimalist design

👉 Crafted using HTML, CSS, and JavaScript

👉 Fully responsive with media queries

👉 Smooth animations powered by ScrollReveal.js

👉 Responsive carousel

👉 Dynamic filtering and sorting system

👉 Showcases portfolio projects effectively

🚀 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone {git remote URL}

Running the Project

Use Live Server to launch a development local server with live reload feature for static & dynamic pages.