Next.js Tarot Card Reading Web App
Budget: $250 – $500 USD
Project Title: Next.js Tarot Card Reading Web App
Project Description:
We are looking for an experienced Next.js developer to build an advanced tarot card reading application similar to Lumi Tarot - https://www.lumi-tarot.com/. This application will incorporate user authentication, profile management, and multiple user tiers with enhanced functionalities. The app will also feature interactive tarot readings using WebGL technology with React Three Fiber for a dynamic and interactive user experience. This project will involve two main components: a landing page and the tarot reading app itself.
Key Features:
1. Landing Page: A clean and welcoming entrance that explains the purpose of the app and invites users to get their tarot reading.
2. Tarot Reading Application:
- Instructional Overlay: Brief instructions on how the tarot reading process works.
- User Input: Users begin by typing a personal question they seek guidance for.
- Card Selection: Users will select a tarot card from a virtual deck rendered in 3D.
- API Integration: Once a card is selected, the app will use an API to connect with ChatGPT. Based on the card selected and the user’s question, ChatGPT will generate a personalized reading.
- Result Display: The reading will be displayed to the user, providing insight based on the chosen tarot card.
- Deck Selection: Premium users can choose from various deck designs before making a question.
- Multiple Reading Masters: Premium Users can choose their preferred reading master from three options: a default master, a romantic master, and a professional matters master.
- Answer Interaction: After receiving their reading, users can choose to shuffle and pick another card, using one of their free readings if he’s not premium.
3. User Authentication: Secure login and registration system for users to access the app.
4. Profile Page: After logging in, users will land on a profile home page which includes:
4.1 Recent Readings: Display recent readings showing the tarot card, the question asked, and a snippet of the response with a 'Read More' button.
4.2 Menu Options: Users can navigate through the menu containing ‘Home’, 'History of Spreads', 'Affiliate Program', 'Contact Us', and 'Sign Out'.
5. Subscription Model:
- Free Trials: Users receive three free readings upon registration.
- Premium Subscription: Continued access requires purchasing a subscription. Benefits include unlimited readings, access to different tarot decks and the ability to select reading masters.
6. Social Sharing: Integrated social media buttons to allow users to share their readings.
Technical Requirements:
- Proficiency in Next.js and React for front-end development.
- Experience with React Three Fiber for implementing WebGL content.
- Ability to integrate third-party APIs for dynamic data retrieval and processing.
- Knowledge of responsive web design to ensure the app is accessible across various devices.
- Experience with building secure authentication and user profile systems.
- Capability to integrate payment systems for subscription management.
Objective:
To create a unique digital experience that combines traditional tarot readings with modern technology, providing users with insightful, personalized readings.
Inspiration Reference:
For an understanding of the visual and functional expectations, please refer to this video: https://youtu.be/xolS-HSV_Yc?si=CJZC-6NJ6_otcT1Q which outlines similar WebGL implementations in web applications.
Project Deliverables:
- Complete source code of the application.
- Documentation detailing the setup and configuration of the app.
Timeline:
Please provide an estimated timeline for completion with your application.
Budget:
Budget is negotiable based on estimated hours and project deliverables. Please include your rates along with the proposal.
Project Description:
We are looking for an experienced Next.js developer to build an advanced tarot card reading application similar to Lumi Tarot - https://www.lumi-tarot.com/. This application will incorporate user authentication, profile management, and multiple user tiers with enhanced functionalities. The app will also feature interactive tarot readings using WebGL technology with React Three Fiber for a dynamic and interactive user experience. This project will involve two main components: a landing page and the tarot reading app itself.
Key Features:
1. Landing Page: A clean and welcoming entrance that explains the purpose of the app and invites users to get their tarot reading.
2. Tarot Reading Application:
- Instructional Overlay: Brief instructions on how the tarot reading process works.
- User Input: Users begin by typing a personal question they seek guidance for.
- Card Selection: Users will select a tarot card from a virtual deck rendered in 3D.
- API Integration: Once a card is selected, the app will use an API to connect with ChatGPT. Based on the card selected and the user’s question, ChatGPT will generate a personalized reading.
- Result Display: The reading will be displayed to the user, providing insight based on the chosen tarot card.
- Deck Selection: Premium users can choose from various deck designs before making a question.
- Multiple Reading Masters: Premium Users can choose their preferred reading master from three options: a default master, a romantic master, and a professional matters master.
- Answer Interaction: After receiving their reading, users can choose to shuffle and pick another card, using one of their free readings if he’s not premium.
3. User Authentication: Secure login and registration system for users to access the app.
4. Profile Page: After logging in, users will land on a profile home page which includes:
4.1 Recent Readings: Display recent readings showing the tarot card, the question asked, and a snippet of the response with a 'Read More' button.
4.2 Menu Options: Users can navigate through the menu containing ‘Home’, 'History of Spreads', 'Affiliate Program', 'Contact Us', and 'Sign Out'.
5. Subscription Model:
- Free Trials: Users receive three free readings upon registration.
- Premium Subscription: Continued access requires purchasing a subscription. Benefits include unlimited readings, access to different tarot decks and the ability to select reading masters.
6. Social Sharing: Integrated social media buttons to allow users to share their readings.
Technical Requirements:
- Proficiency in Next.js and React for front-end development.
- Experience with React Three Fiber for implementing WebGL content.
- Ability to integrate third-party APIs for dynamic data retrieval and processing.
- Knowledge of responsive web design to ensure the app is accessible across various devices.
- Experience with building secure authentication and user profile systems.
- Capability to integrate payment systems for subscription management.
Objective:
To create a unique digital experience that combines traditional tarot readings with modern technology, providing users with insightful, personalized readings.
Inspiration Reference:
For an understanding of the visual and functional expectations, please refer to this video: https://youtu.be/xolS-HSV_Yc?si=CJZC-6NJ6_otcT1Q which outlines similar WebGL implementations in web applications.
Project Deliverables:
- Complete source code of the application.
- Documentation detailing the setup and configuration of the app.
Timeline:
Please provide an estimated timeline for completion with your application.
Budget:
Budget is negotiable based on estimated hours and project deliverables. Please include your rates along with the proposal.