This Next.js application allows you to explore your daily, weekly, monthly or more horoscope based on your chosen zodiac sign. It leverages Tailwind CSS for a clean and responsive user interface.
- Zodiac Sign Selection: Choose your zodiac sign from a dropdown menu.
- Personalized Horoscopes: Get daily, weekly, monthly, and yearly horoscopes tailored to your zodiac sign.
- Compatibility Insights: Check relationship compatibility based on astrology.
- Planetary Transits: Stay updated with real-time planetary movements and their influence.
NOTE: Work In progress
- Interactive Elements: Daily lucky numbers, tarot card pulls, and astrology trends.
- Multi-Astrology Support: Choose from Western astrology, Vedic astrology, or Lo Shu Grid numerology.
- Dynamic Date Selection: Users can select any date range for customized insights.
- Celestial-Themed UI: A sleek, modern design with smooth navigation and an immersive experience.
- Western Astrology
- 12 Zodiac Signs (Aries - Pisces)
- Based on sun signs
- Elemental classification (Fire, Earth, Air, Water)
NOTE: Work In progress
- Vedic Astrology (Jyotish)
- 12 Rashi (Moon Signs) & 27 Nakshatras
- Based on the Sidereal zodiac system
- Birth chart (Kundali) analysis
- Lo Shu Grid Numerology
- Based on ancient Chinese numerology
- Grid-based calculations for personality and destiny numbers
- Fetches(web scraping) horoscope data from API
The application utilizes an API route (/api/horoscope) to fetch horoscope data from the external website. This route accepts query parameters for zodiacSign and timeFrame.
- Method: GET
http://localhost:3000/api/horoscope?zodiacSign=Cancer&period=today
Replace
Cancer
with the desired zodiac sign andtoday
with any timeframe you like.
- Method: GET
http://localhost:3000/api/horoscope?zodiacSign=Cancer&period=weekly
Replace
Cancer
with the desired zodiac sign andweekly
with any timeframe you like.
- Method: GET
http://localhost:3000/api/horoscope?zodiacSign=Cancer&period=YYYY-MM-DD
Replace
Cancer
with the desired zodiac sign andYYYY-MM-DD
with a date within the last year.
- Method: GET
- Visit the application in your browser.
- Select your zodiac sign from the dropdown menu.
- Choose your desired horoscope timeframe:
- Today
- Tomorrow
- Yesterday
- Weekly
- Monthly
- Specific Date (enter in YYYY-MM-DD format)
- Click the "Get Horoscope" button.
- Your personalized horoscope will be displayed below.
- VS Code or any Code Editor
- Node.js installed on your machine
- npm package manager
- Use the Postman or Thunder client extension in VS Code to make API requests.
-
Clone the repository:
git clone https://github.com/thesushilsharma/Zodiac.git
-
Install dependencies:
- axios: Promise-based HTTP client for the browser and Node.js
- cheerio: Fast, flexible & lean implementation of core jQuery designed specifically for the server
- moment: Parse, validate, manipulate, and display dates and times in JavaScript
cd Zodiac npm i
-
Start the development server:
npm run dev
This starts the development server and opens your app in the browser, typically at http://localhost:3000
You can deploy this API to a production server using a platform like Vercel, Netlify or any of your choice.
Feel free to fork the repository and submit pull requests with your improvements or bug fixes. We welcome contributions from the community!
This project is licensed under the MIT License. See the LICENSE file for details.
- This project is for educational purposes only.