Giter VIP home page Giter VIP logo

danielmichalski / responsive-personal-website Goto Github PK

View Code? Open in Web Editor NEW
18.0 4.0 17.0 80.8 MB

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

CSS 19.65% HTML 34.60% JavaScript 28.33% PHP 1.82% SCSS 15.34% Dockerfile 0.26%
bootstrap bootstrap4 jquery owl-carousel magnific-popup isotope ripple-effect parallax particles-js particles

responsive-personal-website's Introduction

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

responsive-personal-website's People

Contributors

danielmichalski avatar ghost2544 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.