Skip to content

On this site, you can view products, make an order, subscribe and get a promotional code for buying chocolate in the Chocolate Euphoria online store.

Notifications You must be signed in to change notification settings

KristinaHranovska/project-chocolate-euphoria

Repository files navigation

Chocolate Euphoria

Short Description

Chocolate Euphoria is an online chocolate store offering a wide range of chocolate products for every taste. Here, you can find dark, milk, white chocolate, and gift boxes.

Site Features

  • Browse products by categories: All, Dark Chocolate, Gift Box, Milk Chocolate, White Chocolate.
  • Detailed product information: Click on a product to see its details, select the quantity, and add it to the cart.
  • Reviews: Read reviews from other users and leave your own. After moderator approval, your review will appear on the site.
  • Newsletter subscription: Subscribe to our newsletter by leaving your email address and receive a confirmation with a discount promo code.
  • Shopping cart: View your cart contents in a modal window, adjust quantities, or remove items.
  • Checkout: Review your final order, apply a promo code, fill in contact information, and confirm your order. You will receive an email confirmation with order details and the applied discount.

Technologies

Core Technologies

  • Node.js: Main platform for the backend.
  • MongoDB: Database for storing product and user information.
  • Mongoose: ORM for interacting with MongoDB.
  • Render: Platform for hosting and deploying the application.
  • SendGrid/mail: Service for sending emails.

API and Validation

  • Swagger-UI: API documentation.
  • Joi: Data validation.

Templating

  • EJS: HTML templating.

State Management and Effects

  • Reduxjs/toolkit: State management.
  • React-Redux: Integrating Redux with React.
  • Redux-Persist: Persisting Redux state in local storage.

UI Libraries

  • React: Library for building user interfaces.
  • React-Modal: Modal windows.
  • React-Responsive: Responsive design.
  • React-Select: Dropdown components.
  • Formik: Form management.
  • Yup: Form validation.
  • React-Hot-Toast: Notifications.
  • Swiper: Sliders.
  • AOS: Scroll animations.
  • Axios: HTTP requests.
  • Clsx: Utility for managing CSS classes.
  • SASS: CSS preprocessor.

Backend

Implemented a backend using REST API that supports the functionality of the site, including handling orders, managing reviews, and subscriptions.

About

On this site, you can view products, make an order, subscribe and get a promotional code for buying chocolate in the Chocolate Euphoria online store.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published