DIVINE is a virtual tarot deck for beginners who don't want to invest in buying a physical deck and memorizing all the card meanings. The app allows beginners to instantly get their first reading, without bogging them down with extra information. These cards are simply designed and have the name, type, suit, and description for the card. Upon opening the app, the user is given a random card. They can take this as their daily reading, or they can click "Draw A Card" to randomly pull a card. The user is able to search for cards by name or terms in the description. Cards can be favorited and viewed on the favorites page. The user may favorite or un-favorite a card from any page and it will be updated accurately in the store and on the DOM.
Development: Redux, React.js, Scss/Sass
Testing: Jest, React Testing Library
The wireframe for this project can be viewed on Figma.
- Modal on dashboard with instructions on using random card generator
- Different images for cards of different suits/types
- User login that allows users to save their favorites
- Multiple-card reading spreads
- Ability to save spreads and record notes
- Page where the user can view saved spreads
- I am also exploring the possibility of setting up my own API with card information and learning Vue and GraphQl to refactor the app using these technologies.
- Fork and clone down this repo.
- Once you have cloned the repo, change into the directory.
- To view the application, run npm and open the provided localhost url in the browser.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent