Skip to content

Latest commit

 

History

History
86 lines (72 loc) · 4.57 KB

README.md

File metadata and controls

86 lines (72 loc) · 4.57 KB

🧑‍💻 📚 🔥 GoIT Team project 🚀 🚀 🚀

🎭 🤟 Event-Booster 🤟 🕺

Description

The project is implemented in vanilla JavaScript using Webpack packages such as Handlebardsjs, paginationjs, SASS and working with The Ticketmaster Discovery API, Google Maps API, Firebase. The development team is students of the FullStack developer course , the project was written at the end of the study of core Javascript.

Ahead of the students is the study of React and Node.js, so they will please with their projects more than once.

How to use Event Booster

is the site for searching events around the world.

The Web App provides the following functions:

⚫ Search event by key word and country.

🟠 Convenient page turning with events using pagination.

🟢 User authorization using Gmail, Facebook, GitHub or anonymous account.

⭐ Adding event in Favorites and saving favorites event cards in user account.

🗺️ Building a route from the current location to the venue using Google Maps on modal window.

⚫ Responsive design for use on phone 📱, tablet and desktop 🖥️.

Developers

  • - Team-Lead, search form by key name and country, working with API service.
  • - Scrum Master, User account, adding events in Favorite, rendering Favorites library, button Back, preloader.
  • - Modal window logic, Firebase - working with database, slider, local storage, feature of adding event in Favorites.
  • - Creative animation of Hero, Team Modal window opening and style, seach form style, preloader, Custom ScrollToTop button.
  • - Pagination, alert in case bad URL and empty search.
  • - Event cards style css, animation with Intersection Observer.
  • - Logo Gsap animation, base css styles and fonts, collect countries from API for selector form, layout and style.
  • - Modal window style, modal window Google Maps.
  • - Google Maps modal window.
  • - Animation.
  • - Layout.