personal-portfolio | Fully responsive portfolio site | Portfolio library

I have created a portfolio website and it is now complete. The only thing not working is the menu does not close when a link is clicked, I have added Javascript and tested it in Codepen where is works. When I add it to the GitHub directory it doesn't work on the live site.

Github Repository

Codepen Example

Below is the working Codepen example:

I've been trying to run my nuxt app in docker and the build seem to work for the most part other than it keep missing core.js dependencie. I've tried adding core-js manually, babel, tried to run the suggested install command in the error, but to no help.

Dockerfile:

I am trying to deploy my react app to the GitHub pages but I have encountered the following error:

I have four pages home, about, projects and contacts, all links work fine except when i navigate from the contacts page back to the home page, ERROR 404 pops up and i have no idea why, here is my webpage to check it out here,

https://chrisalta94.github.io/Christopher-Personal-Portfolio/index.html

Any idea why?

I have made a css grid layout in a sample portfolio page i have made, when i did it with just html / css it worked fine and was responsive: The code is here: https://codepen.io/abhinavthinktank/full/YevQNq/

The one which isn't responsive is hosted here: https://abhinav-m.github.io/

The react components for the same are here: https://github.com/abhinav-m/personal-portfolio/tree/master/src/components

I made the same using react, sass and node, however this one is not responsive, to be exact the div with the class techStack is not resizing. Here's the grid layout css:

I have implemented a simple counter reducer with actions like 'increment', 'decrement' and so on. I have 'save' action that is supposed to save current counter value in array.

I have also implemented another reducer that is supposed to fetch some data on load and save it to an array.

When I dispatch 'save' action to counter reducer Redux Dev tool state chart shows that fetch reducer is also updating. It is not changing any values of fetch reducer but chart shows strange behaviour.

I probably have a misstake into how I am using the fetch reducer or both.

App.js (container component)

Firstly it is my first post. I hope I am doing it well.

I am working on a project which I would like to get in my h1 tag a similar "type" effect like this website has http://preview.themeforest.net/item/resumi-responsive-resume-personal-portfolio-template/full_screen_preview/19298361 As you can see it is very smooth and clean and with infinite loop.

I was exploring its code and I can't understand how it works or what is wrong on my example code.

If there is someone how can understand JS (at least more than me) and could give me a hand with this effect would be very appreciated.

Thanks M

Please find below the code HTML JS and CSS which I get from their website.

UPDATE Someone has added this line in my snippet and now it works correctly.