Website with my library of simple vanilla JavaScript projects.

View Demo · Report Bug · Request Feature

About The Project

GooApp contains three games, and three tools aplications created in vanilla javaScript.

Games	Tools
Aim-Trainer	To-do
2048	Notes
Rock-paper-scissors	-

(back to top)

What i have learned?

1. Using preprocessors (Sass)
2. I got more comfortable with BEM methodology
3. Better understand of core concepts in JavaScript
4. Using local storage (This feature is coming soon!)
5. Basic gsap animations
6. How to deal with third party libraries (I started with highway.js, but now GooApp is using barba.js)
7. How to make e2e test for my aplications (I used cypress here)

Built With

Technologies that I used in this project:

(back to top)

How barba.js is looking in my project?

https://barba.js.org/

At this moment redirect animations look's like that:

• Enter animation:

   mainAnimation = () => {
    var timeline = gsap.timeline();
    
    timeline.from(".content", {
        duration: 1,
        y: 300,
        opacity: 0,
        stagger: {
            amount: .4
        },
        delay: .8
    });
    }

• Leave animation:

   var timeline = gsap.timeline();
   timeline.to(".content", {
       y: 1000, 
       duration: 1
   });

Tests in cypress

I decided to use cypress to do e2e test for every app in my project.

You can find all CI results recorded on the

https://dashboard.cypress.io/projects/nhnmta/runs/1/overview

Getting Started

To get a local copy up and running follow these simple steps.

1. Clone the repo

   git clone https://github.com/WiktorW-pl/Goo-App

2. Install NPM packages

   npm install

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Wiktor Woźny - wwwiktorwozny@gmail.com

Project Link: https://github.com/WiktorW-pl/Goo-App

(back to top)