Le Ciel Sucré Pastry Shop

The project is still under development

This project represents the Le Ciel Sucré Pastry Shop, an imagined French patisserie's website.

Description

Le Ciel Sucré Pastry is a comprehensive web application designed to simulate the online presence of a French patisserie. It encompasses a wide array of functionalities aimed at providing users with a rich and immersive experience:

Key Features:

• User Registration & Authentication: Users can sign up and log in securely. The platform offers Google sign-in functionality as well for added convenience.
• User Settings: Personalization options include the ability to adjust color themes, language preferences (English, Hungarian, Spanish and French), and currency settings (GBP, EUR, HUF and USD).
• Blog: A dedicated blog section enables the patisserie to share news, updates, and engaging content with its audience. The registered users can write comments under the blog posts.
• Webshop: The webiste contains a webshop function with different categories and searchable items. The webshop integrates secure payment gateways, including Stripe, PayPal, and Google Pay, providing users with a seamless shopping experience.
• Admin Panel: An administrative interface empowers authorized users to manage various aspects of the platform, such as user accounts, orders, product listings, blog posts, and comments.

Technologies Used

The project utilizes a diverse range of packages to ensure robust functionality:

• Frontend Libraries:
  • @emailjs/browser
  • @google-pay/button-react
  • @paypal/react-paypal-js
  • @stripe/react-stripe-js
  • framer-motion
  • react-multi-carousel
  • react-paginate
  • react-phone-input-2
  • react-query
  • react-share
  • react-tooltip
  • styled-components .
• Backend and Services:
  • Firebase & Firebase Admin: Used for managing database operations, user authentication and admin-related tasks.
  • Serverless Functions: Employed for specific backend functionalities enhancing the overall user experience.

Implementation Details

The frontend is built using Vite, React, and JavaScript. Tailwind is leveraged for streamlined and responsive UI development.

The project emphasizes modularity, scalability, and user-centric design. It's structured to offer an intuitive user interface while ensuring robustness and security through Firebase authentication and data management.

Contributions

Contributions to the project are highly appreciated! If you'd like to contribute, please feel free to fork the repository, make your changes, and create a pull request.