React.js web app that fetches data from Tarot API. Internal data is also employed to a limited extent.
Deployed version of LUNAR.
Lunar is a user-friendly app featuring a responsive design that seamlessly transitions between light and dark modes. It's perfect for individuals who want to explore astrology-related subjects but are new to the field. Lunar offers a comprehensive zodiac sign library, a tarot card collection, personalized tarot card readings, and a numerology calculator based on birth date and name.
- React.js
- TypeScript
- CSS
- Swagger UI
- Data Fetching from Tarot API using Swagger UI allowing users to access a wide range of tarot-related information.
- Integration with the React.js framework for delivering a fast and smooth user experience.
- Intuitive and responsive user interface.
- Light/Dark Mode Switch enhancing the application's accessibility.
- Zodiac signs library with
- Flip tarot cards library including filtering and search bar.
- Individual tarot card readings, which can be regenerated onclick.
- A tool that calculates numerology insights based on user input, such as age and name, expanding the app's offerings.
- Utilization of internal data to perform numerical calculations.
If you want to run the project locally, you need to make sure you have Node.js installed on your device. Then, simply clone the repository, install dependencies and start the development server using the line commands listed below.
git clone https://github.com/dxenia/astrology-app.git
cd astrology-app
npm install
npm run dev
Mobile:
Tablet:
Laptop:
This application showcases the synergy of React.js and API integration, exemplifying the creation of a user-friendly and compelling digital experience. Its architecture allows for seamless scalability, making it a solid foundation for future enhancements and feature expansions.