E Commerce Plants Shop
Plants & Home is E-commerce Shop app.
Overview
Welcome to a fresh way of shopping for plants online! This e-commerce plant shop is built with a modern framework, ensuring a seamless experience for users looking to find their next green companion. With user-friendly features and robust technology, this platform is designed to simplify the process of browsing, selecting, and purchasing plants while ensuring that shopping is as enjoyable as it is efficient.
As you navigate through the site, you'll notice a clean design and intuitive functionality that keeps the focus on the plants. Whether you're a seasoned plant enthusiast or just starting your green journey, this shop demonstrates a wonderful blend of aesthetics and utility.
Features
-
User Authentication: Utilizes Firebase OAuth for a quick and secure sign-in/sign-up process, allowing users to easily create accounts and access personalized features.
-
Search and Filter Options: Robust filtering options enable users to quickly find the plants that suit their needs, making the browsing experience smooth and efficient.
-
Favorites and Cart: Users can add their preferred plants to a favorites list or cart, making it easy to review selections before completing their purchase.
-
Seamless Checkout with Stripe: The integration of Stripe facilitates a straightforward payment process, ensuring transactions are safe and reliable.
-
Progressive Web App (PWA) Support: This app supports PWA functionalities, allowing users to install it on their devices for a more app-like experience with offline capabilities.
-
Component Architecture: Implemented using Atomic Design principles and documented through Storybook, ensuring that the components are reusable and well-organized.
-
Robust CI/CD Integration: Utilizes CircleCI for continuous integration and deployment, guaranteeing that updates are delivered smoothly and without issues.
-
Responsive Design: The platform is designed to be mobile-friendly, ensuring that users can shop conveniently from any device.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Datocms
A website that uses DatoCMS as a headless CMS to manage content. This includes features such as a customizable content model, real-time collaboration, and API-based content delivery to support a wide range of digital experiences.
- Firebase
Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pwa
A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.
- React Hook Form
React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.