DanielMichalski / responsive-personal-website

This is my personal website built with libraries like Bootstrap 4, jQuery, Particles.js, Aos.js and many more. The workflow is configured to automatically deploy a package to the server after every push. You can easily run a web server with php using prepared Docker Compose configuration.

Home Page:https://www.danielmichalski.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Responsive Personal Website

This is my personal website built with Bootstrap, jQuery, Particles.js, Aos.js, and many more.
The Website is available here www.danielmichalski.com

RWD website video

Publish Website Website W3C Maintenance

Documentation

The documentation is divided into several sections:

Prerequisites

Libraries

Library name Description
Bootstrap 4x Bootstrap is the world’s most popular framework for building responsive, mobile-first sites.
jQuery jQuery is a fast, small, and feature-rich JavaScript library.
Material Design Icons Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
Feather Icons Simply beautiful open source icons.
Owl Carousel Touch enabled jQuery plugin that lets you create beautiful responsive carousel sliders.
Backstretch Slider Simple jQuery plugin that allows you to add a dynamically resized, slideshow-capable background image to any page or element.
Magnific Popup Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing the best experience for users with any device.
Isotope Filter & sort magical layouts.
Freepik Images Find Free Vectors, Stock Photos, PSD and Icons.
Unsplash Images The internet’s source of freely usable images. Powered by creators everywhere.
Ripple Js By the powers of WebGL, add a layer of water to your HTML elements which will ripple by cursor interaction.
Text Rotate Js Super Simple Text Rotator by Pete R. A lightweight jQuery plugin that will allow you to add a super simple rotating text to your website.
Parallax Js Smooth parallax scrolling effect for background images, videos.
Particles Js A lightweight JavaScript library for creating particles.
Tweenmax Js Ultra high-performance, professional-grade animation for the modern web.
Animate On Scroll Animations during scrolling the page.

Captcha protection

Name Description
reCAPTCHA v3 reCAPTCHA v3 returns a score for each request without user friction. The score is based on interactions with your site and enables you to take an appropriate action for your site.

Docker containers

There are two Docker images defined in docker-compose.yml file:

Container name Description
apache-with-php The Debian's Apache httpd in conjunction with PHP (as mod_php) and uses mpm_prefork by default.
mailhog MailHog is an email testing tool for developers.

Running the application

In order to run the website please run the below command and in your browser type URL defined in the Localhost environment section.

## Run the website using Docker Compose
docker-compose up -d

Environments

Localhost environment

Component URL
Website http://localhost/
MailHog UI http://localhost:8025/

Production environment

Component URL
Website www.danielmichalski.com

Application screens

image1

About

This is my personal website built with libraries like Bootstrap 4, jQuery, Particles.js, Aos.js and many more. The workflow is configured to automatically deploy a package to the server after every push. You can easily run a web server with php using prepared Docker Compose configuration.

https://www.danielmichalski.com


Languages

Language:HTML 34.6%Language:JavaScript 28.3%Language:CSS 19.6%Language:SCSS 15.3%Language:PHP 1.8%Language:Dockerfile 0.3%