1.Elegance Meets React's Sophistication: "GEM GARDEN, where elegance meets React's sophistication." 2.Aesthetic Excellence with Chakra UI: "Chakra UI enhances aesthetics, ensuring a stylish interface." 3.Seamless State Management with Redux: "Redux orchestrates state seamlessly for consistent interactions." 4.Dynamic Data Handling with JSON Server: "JSON Server backend ensures swift, dynamic data handling." 5.Curated Collections for Every Taste: "A secure haven for exploring curated jewellery collections."
Our frontend is built using React.js, a powerful JavaScript library for constructing user interfaces. React's component-based architecture allows us to create modular and reusable UI components, fostering an efficient and maintainable development process. Chakra UI is seamlessly integrated into our project, enhancing the styling and design aspects of our website. This component library for React empowers us to build beautiful and responsive user interfaces with minimal effort, ensuring a visually appealing and consistent user experience. JavaScript serves as the backbone of our frontend development, enabling dynamic and interactive features on our website. It plays a crucial role in providing a seamless and engaging user experience. To manage state efficiently across our application, we employ Redux. Redux facilitates the centralized management of state, ensuring a predictable and scalable architecture. This is particularly valuable as our application grows in complexity. The combination of React.js, Chakra UI, JavaScript, and Redux creates a robust and modern frontend stack. This tech synergy allows us to deliver a visually stunning, interactive, and scalable web application for our users.
Our backend relies on a RESTful API (Representational State Transfer) to handle data requests and interactions with the database. This API follows REST principles, providing a standardized and scalable approach to building web services. It enables communication between the frontend and backend, allowing users to browse products, manage accounts, view their cart, and place orders seamlessly.
Get All Products https://gem-gardern-mock-api.onrender.com/products from here .
- Our Home Page is the gateway to a world of exquisite designer jewellery. Discover our most popular products, featured prominently, and navigate effortlessly with our user-friendly Navbar. Explore our New Collection to stay updated with the latest trends. Our Footer provides quick access to essential links and information, ensuring a seamless browsing experience.
- The heart of GEM GARDEN, the Product Page, showcases our extensive range of jewellery. Browse through various product groups presented in visually appealing cards. Tailor your search using our comprehensive filter options to find the perfect piece that matches your style and preferences.
- The Single Product Page on GEM GARDEN is where the beauty and details of each jewellery piece come to life. This page is dedicated to providing you with an in-depth look at the selected product, allowing you to make an informed and confident purchase decision.
- Your personal space on GEM GARDEN, the Account Page, allows you to manage your profile. Here, you can conveniently log in if you're an existing member or sign up if you're new to our website. Enjoy a personalized shopping experience, track your orders, and save your favorite items for future reference.
- The Cart Page is where your selections come together. Review and confirm the products you've added to your cart before proceeding to checkout. It's your shopping companion, ensuring you have everything you desire before finalizing your purchase.
- The Order Page is your window into your past transactions. View and track all your orders made on GEM GARDEN. Keep a record of your jewellery purchases, making it easy to refer back to your favorite pieces or check the status of your deliveries.
Experience the world of designer jewellery at your fingertips with GEM GARDEN's intuitive and elegant website. Each page is designed to enhance your shopping journey, ensuring you have access to the best jewellery, user-friendly navigation, and a secure, enjoyable experience.
- We follow responsive web design principles to ensure our website functions seamlessly on various devices, including desktops, tablets, and smartphones.
https://gem-gardern-mock-api.onrender.com/ https://gem-gardern-mock-api.onrender.com/products https://gem-gardern-mock-api.onrender.com/usersTo deploy this project run
npm run deploy https://gemgarden.netlify.app/Install Gem Garden with npm
npm install / npm install --legacy-peer-deps
cd Gem_Garden
