Magic Timeline is a web application that catalogs the rich history of Magic: The Gathering, showcasing its 30 years of existence. Utilizing the Skryfall API, this app allows users to explore the game's timeline, divided by years, card types, and colors.
Magic: The Gathering is a collectible and digital card game created by mathematician Richard Garfield and introduced in 1993 by Wizards of the Coast. The game combines strategy and fantasy elements, and it has a dedicated following of players around the world.
- React: The project is built using the React JavaScript library, which is known for its flexibility and ability to create fast, interactive user interfaces.
- TypeScript: TypeScript is a superset of JavaScript, providing static typing and improved tooling for better development experience and maintainability.
- Sass: Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor that allows for easier and more efficient styling, making the CSS more readable and maintainable.
- BEM: Block, Element, Modifier (BEM) is a methodology used for naming and organizing CSS classes to make them more modular and scalable.
- Flux: The Flux design pattern is used to manage the application's state and data flow, ensuring a unidirectional data flow and improving maintainability.
- Firebase: Firebase is used for the backend of the project, providing real-time database and authentication services.