Nexora Landing Page Assignment

This project is a complete frontend assignment based on the provided assessment. It includes a responsive landing page, an AJAX-style product grid, and supporting AI deliverables.

What is included

• index.html — pixel-perfect landing page with a digital agency layout
• styles.css — responsive styling and accessibility-ready layout
• script.js — JavaScript to load and filter products without reloading the page
• data/products.json — product data for the AJAX product grid
• FED-Machine-Test-Submission/Mandatory-AI-Task/wordpress-plugin/ — WordPress plugin with products CPT, shortcode, and JSON import
• PROMPTS.md — recorded AI prompts and purpose
• AI_DECISIONS.md — documented AI review and corrections
• CLAUDE_CONVERSATION.md — sample AI conversation summary

Assignment completed

This submission covers:

• Task 3: Frontend
  • responsive product landing page using HTML, CSS, JavaScript
  • search and filter functionality in the product grid
  • AJAX-style product data loading without page reload
• Mandatory AI Deliverables
  • prompt documentation in PROMPTS.md
  • AI issue review in AI_DECISIONS.md
  • conversation summary in CLAUDE_CONVERSATION.md

How to run

Static demo

To view the page correctly, serve the folder using a local web server.

Using Python:

cd "c:\Users\sarth\OneDrive\Desktop\New folder (19)"
python -m http.server 8000

Then open:

http://localhost:8000

WordPress theme and plugin

The WordPress custom theme is in FED-Machine-Test-Submission/Mandatory-AI-Task/wordpress-theme/ and the companion plugin is in FED-Machine-Test-Submission/Mandatory-AI-Task/wordpress-plugin/.

1. Copy FED-Machine-Test-Submission/Mandatory-AI-Task/wordpress-theme/ into wp-content/themes/ of your WordPress install.
2. Copy FED-Machine-Test-Submission/Mandatory-AI-Task/wordpress-plugin/ into wp-content/plugins/.
3. Activate the theme and activate the plugin in the WordPress admin.
4. The plugin imports demo products from JSON on activation and registers the [shopify_products] shortcode.
5. Use the theme's built-in product section in the homepage template to display the product grid.
6. Optionally add more products via the Products custom post type and assign categories or tags.

Notes

• The page is built with semantic HTML and responsive CSS.
• The product grid is dynamically generated from JSON data.
• The design is intentionally clean and easy to edit for a non-technical client.