Skip to content

Add state explorer browsing#488

Open
rutul2006 wants to merge 1 commit into
PatelHarsh2006:mainfrom
rutul2006:feature/state-explorer
Open

Add state explorer browsing#488
rutul2006 wants to merge 1 commit into
PatelHarsh2006:mainfrom
rutul2006:feature/state-explorer

Conversation

@rutul2006
Copy link
Copy Markdown

This PR introduces a new State Exploration Section on the homepage to help users discover regional delicacies state-wise.

The section dynamically renders available states from items.json and redirects users to:

text

state.html?state=StateName
No separate state pages were created, maintaining the existing scalable architecture.

🚀 What’s Included
✅ Dynamic extraction of unique states from items.json
✅ Horizontally scrollable layout (3 rows)
✅ Responsive design for all screen sizes
✅ Clickable state cards
✅ Smooth scrolling behavior
✅ Optimized state images with lazy loading
✅ Consistent card sizing and hover effects
✅ No hardcoded state list
🖼 Image Structure Used
text

img/states/[state-name].jpeg
Lowercase
Kebab-case naming
One image per state (famous landmark)
Example:

text

img/states/gujarat.jpeg
img/states/punjab.jpeg
🔄 User Flow
State Card Click

state.html?state=StateName

Dynamic filtering using items.json

State-specific dishes rendered

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant