Astrology App
Astrology, tarot cards and numerology SPA created with React and TypeScript. Final project for class M11 at FooCoding in Malmö.
Overview
Lunar is an engaging and intuitive app designed for those interested in astrology, tarot, and numerology. Its responsive design and seamless transition between light and dark modes make it accessible for users of all preferences. Whether you're a newcomer to astrology or have some experience, Lunar provides a diverse library of zodiac signs and tarot cards, personalized readings, and an insightful numerology calculator based on your birth date and name.
Built using modern technology, Lunar leverages the power of the React.js framework to ensure a fast and smooth user experience. This app is perfect for anyone looking to delve into the mystical realms of astrology and tarot with ease and simplicity.
Features
- Data Fetching from Tarot API: Users can access a wide range of tarot-related information through efficient integration with the Swagger UI.
- Fast and Smooth User Experience: Built on the React.js framework, Lunar ensures a quick and responsive interface.
- Intuitive User Interface: The design is user-friendly, making navigation simple and enjoyable for all users.
- Light/Dark Mode Switch: Easily switch between light and dark modes for enhanced accessibility and user comfort.
- Zodiac Signs Library: Explore a comprehensive collection of zodiac signs, providing insights into each sign's characteristics.
- Flip Tarot Cards Library: Includes a filtering option and search bar, allowing users to find specific tarot cards effortlessly.
- Individual Tarot Card Readings: Users can generate personalized tarot readings with the click of a button.
- Numerology Insights Tool: Calculate your numerology based on personal details like age and name, offering deeper insights into your personality.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.