A minimalist jewelry website built with React (Vite) and TailwindCSS.
Developed as part of a frontend assignment for Nivara Diamonds, focused on responsiveness, functionality, and modern design.
https://adora-jewelry.netlify.app
- Frontend: React (Vite)
- Styling: TailwindCSS
- Routing: React Router DOM
- Deployment: Netlify
- Dynamic base price logic: updates all product prices across the site.
- Color swatches: switching colors updates product images dynamically.
- Responsive grid layout: optimized for mobile, tablet, and desktop.
- Minimal, clean UI design.
- Lazy loading for better performance.
Adora/ ├── public/ # Static assets ├── src/ │ ├── assets/ # Images and brand assets │ ├── components/ # Reusable UI components │ ├── pages/ # Page components (Home, Collection) │ ├── data/ # Product data │ └── App.jsx # Main app entry ├── index.html ├── package.json ├── tailwind.config.js ├── vite.config.js └── README.md```
The design focuses on simplicity, whitespace, and clarity to reflect a luxury jewelry brand identity.
Neutral tones, balanced typography, and consistent spacing help maintain a modern, refined look.
- Integrate with Shopify or a backend for real product data
- Add search and filtering functionality
- Implement cart and checkout flow
- Improve animations and SEO
D.V.S. Pradyumna
Frontend Developer | MERN Stack Learner
Hyderabad, India