responsive-personal-website
responsive-personal-website copied to clipboard
DanielMichalski
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 pu...
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
Documentation
The documentation is divided into several sections:
- Prerequisites
- Used libraries
- Docker containers
- Running the application
-
Environments
- Localhost environment
- Production environment
- Application screens
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
Metadata
Owner
DanielMichalski
Metadata
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 pu...