kajal-rekha/luminex-client

Explore Elegance at Luminex Jewelry Shop. Elevate your style effortlessly with seamless online shopping. Immerse yourself in exquisite craftsmanship, ensuring a refined and convenient jewelry shopping experience. Each visit to Luminex is a journey into sophistication. Discover, adorn, and indulge in the artistry of Luminex Jewelry Shop.

Luminex - An Online Jewelry Shop

Welcome to Luminex, your go-to destination for exquisite jewelry! Dive into the world of Luminex and explore our stunning collection of jewelry pieces.

Project Description

Explore Elegance at Luminex Jewelry Shop. Elevate your style effortlessly with seamless online shopping. Immerse yourself in exquisite craftsmanship, ensuring a refined and convenient jewelry shopping experience. Each visit to Luminex is a journey into sophistication. Discover, adorn, and indulge in the artistry of Luminex Jewelry Shop.

Project Features

• Product Catalog: Explore a diverse catalog of jewelry items, including rings, necklaces, bracelets, and more.
• User Authentication: Create an account, log in, and manage your profile for a personalized experience.
• Shopping Cart: Easily add items to your cart, review your selections, and proceed to checkout.
• Order History: Keep track of your past orders and view order details.
• Responsive Design: Enjoy a seamless experience across various devices, from desktops to mobile phones.

Tools Used

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• TypeScript: Adds static typing to the JavaScript language, enhancing development productivity and code quality.
• Redux: State management library for predictable and centralized state in your application.
• Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
• Redux Persist: Persist and rehydrate a Redux store, allowing for state persistence across sessions.
• Axios: A promise-based HTTP client for making requests to the server and handling responses.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Swiper.js: Modern mobile touch slider with hardware-accelerated transitions.
• SWR (stale-while-revalidate): React hook library for data fetching with caching and revalidation.
• clsx: A tiny utility for constructing className strings conditionally.
• Framer Motion: A library for creating animations in React applications.
• AOS (Animate on Scroll): Library for animating elements on scroll.
• Lenis: Custom styling library to enhance the visual appeal of the application.
• React Hot Toast: A toast notification library for React applications.

Installation

1. Clone the repository: git clone https://github.com/kajal-rekha/luminex.git
2. Navigate to the project directory: cd luminex
3. Install dependencies: npm install or npm i
4. Start the development server: npm run dev
5. Open your browser and visit http://localhost:3000 to view the application.

Conclusion

Luminex is a testament to the fusion of technology and elegance, providing users with a captivating online shopping experience. Feel free to explore the codebase, contribute, and enhance the Luminex journey. Happy shopping!