https://github.com/asyylz/bankist
https://github.com/asyylz/bankist
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/asyylz/bankist
- Owner: asyylz
- License: mit
- Created: 2024-01-24T12:42:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-12T21:36:57.000Z (about 1 year ago)
- Last Synced: 2024-04-13T05:17:53.599Z (about 1 year ago)
- Language: HTML
- Size: 13.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Interactive Web App with Vanilla JavaScript
This repository contains the source code for an interactive web app built using Vanilla JavaScript. The app includes various features such as modal windows, scrolling functionality, tabbed components, menu animations, sticky navigation, revealing elements on scroll, lazy loading images, and a slider component.
# Outcome
||
# Features
**Modal Windows:** Users can open and close modal windows.
**Scrolling Functionality:** The app provides smooth scrolling to different sections.
**Cookie Message:** A cookie message is displayed, and users can dismiss it.
**Page Navigation:** Users can navigate to different sections of the page using the navigation links.
**Tabbed Component:** The app includes a tabbed component for displaying different content sections.
**Menu Fade Animation:** Animated menu effects are applied on hover.
**Sticky Navigation:** The navigation bar sticks to the top of the page when scrolling.
**Revealing Elements on Scroll:** Page elements are revealed as the user scrolls down.
**Lazy Loading Images:** Images are loaded dynamically as they come into view.
**Slider Component:** A slider component allows users to navigate through slides.
# Project Structure
**index.html:** The main HTML file containing the structure of the web app.
**styles.css:** The stylesheet file for styling the app.
**script.js:** The JavaScript file containing the functionality and logic for the app.
## Bankist Project Skeleton
```ruby
|
|----img
|----.gitignore
|----README.md
|----index.html
|----style.css
|----script.js
|----bankist.gif
|----LICENCE
```
# Usage
To run the app locally, simply open the index.html file in a web browser.
# Contributions
Contributions to this project are welcome! If you have any suggestions for improvements or new features, feel free to submit a pull request.
# License
This project is licensed under the MIT License. See the LICENSE file for details.
# Credits
This project was created as part of an educational course on Udemy and is intended for learning purposes only.
All credit for the project idea and implementation goes to the course instructors and authors.