-
Rashi Phal – Place Of Birth Dropdown Suggestion
Place Of Birth Dropdown Selection /** * Get location suggestions as user types */ export async function getLocationSuggestions(query: string): Promise<Array<{ displayName: string; lat: number; lon: number; }>> { if (!query || query.length < 3) { return []; } try { const nominatimUrl = `https://nominatim.openstreetmap.org/search?q=${encodeURIComponent( query )}&format=json&limit=5&addressdetails=1`; const response = await fetch(nominatimUrl, { headers: { 'User-Agent': 'AstrologyApp/1.0', }, }); if (!response.ok) { throw new Error('Failed to fetch suggestions'); } const data = await response.json(); return data.map((item: any) => ({ displayName: item.display_name, lat: parseFloat(item.lat), lon: parseFloat(item.lon), })); } catch (error) { console.error('Location suggestion error:', error); return []; } } import { getCoordinates,
-
Rashi Phal – Kundali Design
Kundali Design npm install astronomy-engine date-fns dayjs
-
Rashi Phal – GitHub Commands
GitHub Commands (1) Initialize Git Inside Your Project Folder git init (2) Check Status git status (3) Add All Files git add . (4) Commit The Changes git commit -m "Initial commit" (5) Connect To GitHub git remote add origin <your_repo_url> (6) Verify Remote Added git remote -v (7) Push Code To GitHub git push -u origin main
-
Rashi Phal – Project Related Commands
Project Related Commands (1) Run The Next.js Application npm run dev
-
Rashi Phal – Dependancy Libraries
Dependancy Libraries (1) Styling & Components # shadcn/ui (Highly Recommended – Beautiful, Customizable) npx shadcn-ui@latest init npx shadcn-ui@latest add button card dialog input select # Tailwind CSS (Already in Next.js) npm install -D tailwindcss postcss autoprefixer # Headless UI (For accessible components) npm install @headlessui/react (2) Icons # Lucide React (Modern, clean icons) npm install lucide-react # React Icons (Huge collection) npm install react-icons (3) Animations # Framer Motion (Best animation library) npm install framer-motion # Auto Animate (Simple, lightweight) npm install @formkit/auto-animate (4) Charts & Visualizations (For Kundli, Reports) # Recharts (Simple, powerful charts) npm install recharts # Chart.js
-
Rashi Phal – Dashboard UI Designing
Dashboard UI Design (1) layout.tsx vs page.tsx (2) What Is A Route (URL) (3) What Is The Starting Point Of The Project (4) Edit The “app/layout.tsx” For Global Layout // app/layout.tsx 'use client'; import { useState, ReactNode } from 'react'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import './globals.css'; // Navigation items with all services const navigationItems = [ { name: 'Dashboard', path: '/', icon: '📊', category: 'main' }, { name: 'Kundali', path: '/kundali', icon: '🎯', category: 'services' }, { name: 'Dosha Analysis', path: '/dosha', icon: '🔮', category: 'services' }, { name: 'Dasha Periods', path: '/dasha', icon:
-
Rashi Phal – GitHub Repository Setup
GitHub Setup git init git add . git commit -m “Initial Project Structure” git remote add origin https://github.com/MacLearnAI/RashiPhal.git git branch -M main git push -u origin main
-
Rashi Phal – A Complete Astrological Services
A Complete Astrological Services login dashboard kundali dosha dasha transit predictions reports calender matchmaking muhurat vastu palmistry numerology gemstone prashna remedies griha_santi_puja pandits chatbot consultation community subscription
-
Rashi Phal – Next.js Project Folder Setup
Next.JS Project Folder Setup Setting Up Next.JS Project Folder npx create-next-app@latest npm run dev
-
Rashi Phal – Technology Stack Preferences
Prefered Technology Stack Techonoly Stack Used: Frontend Technology Backend API & Logic Database User Authentication Messaging Services Object Storage Web Hosting Astrology Engine Site Analytics SEO Optimization Tracking Manager Video Calls Google Fonts AI & Machine Learning (1) Frontend Techonoly: (2) Backend API & Logic (3) Database (4) User Authentication (5) Messaging Services (6) Object Storage (7) Web Hosting (8) Astrology Engine (9) Site Analytics (10) SEO Optimization (11) Tracking Manager (12) Video Calls (13) Google Fonts (14) AI & Machine Learning (15) Code Repository
