Git Product home page Git Product logo

bankist's Introduction

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

|Bankist|

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

|
|----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.

bankist's People

Contributors

asyylz avatar

Watchers

 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.