https://github.com/shevchenkool/gallery_videplayer_formfeedback
https://github.com/shevchenkool/gallery_videplayer_formfeedback
html-css-javascript localstorage parcel simplelightbox-library
Last synced: 26 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/shevchenkool/gallery_videplayer_formfeedback
- Owner: ShevchenkoOl
- Created: 2022-09-28T09:58:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-07T11:14:05.000Z (about 1 year ago)
- Last Synced: 2024-04-08T11:35:05.872Z (about 1 year ago)
- Topics: html-css-javascript, localstorage, parcel, simplelightbox-library
- Language: JavaScript
- Homepage: https://shevchenkool.github.io/gallery_videPlayer_formFeedback/
- Size: 2.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Methods for working with localStorage, SimpleLightbox library and Vimeo Player API
The project is assembled using the parcel.
Here we will discuss the main methods of working with local storage.
• **images gallery** Using the package manager for JavaScript ```npm```, the SimpleLightbox library is installed.
• **video player**:
1. Added Vimeo libraries as a project dependency via npm.
2. Saved playback time to local storage.
3. When reloading the page, resume playback from the saved position.
4. The lodash.throttle library was added to the project and made so that the playback time is updated in the repository no more than once per second.
• **feedback form** Created a script that saves field values to local storage when the user types something.
## Usage
To use this repository, follow these steps:
1. Clone the repository to your local computer ```git clone https://github.com/ShevchenkoOl/gallery_videPlayer_formFeedback.git```;
2. use ```npm install``` command to install package dependencies
3. Navigate to the relevant section to explore the corresponding material.
4. Open files and study the provided code examples.
## Author
This repository was created and maintained by [Oleksii Shevchenko](https://shevchenkool.github.io/portfolio/). Questions, suggestions, and feedback can be directed to [email]([email protected]) or [linkedin profile](linkedin.com/in/oleksii-shevchenko-535ab61b8).