PetPlus E-commerce Platform 🔗

Welcome to the repository for PetPlus, a full-featured e-commerce platform designed to enhance the online shopping experience for pet supplies. Built with a modern tech stack and a focus on responsiveness and user experience, PetPlus offers a seamless shopping journey from browsing to checkout.

Tech Stack ✨

PetPlus is crafted using a variety of cutting-edge technologies:

• Framework: Next.js (React)
• Language: JavaScript
• Database: MongoDB
• Payment Processing: Stripe
• Authentication: Google OAuth, NextAuth
• File Storage: AWS S3
• Vercel: Deployment
• Additional Packages:
  • zod for form validation
  • mongoose for MongoDB integration
  • react-sortablejs for picture arrangement in the admin panel
  • swiper for touch sliders on mobile devices
  • react-country-selector for selecting countries in shipping forms
  • react-sweetalert2 for alerts on admin actions
  • react-image-lightbox for image zoom on desktop devices

About the Project 📖

The Journey

The creation of PetPlus was driven by a desire to streamline the online shopping experience for pet owners. We recognized the need for a platform that not only looks good but also functions effortlessly across all devices. PetPlus is a testament to what modern web technologies can achieve when harmoniously integrated.

Achievements

Throughout the development process, we've made significant strides in several key areas:

• Performance Optimization: Leveraging Next.js, we've built a lightning-fast platform that delivers content efficiently, improving SEO and user satisfaction.
• Engaging Interfaces: By implementing tools like react-image-lightbox and swiper, we've created an immersive environment that makes shopping interactive and fun.
• Secure Transactions: Integrating Stripe and robust authentication mechanisms ensures that every transaction is safe and that user data is secure.
• Admin Empowerment: The admin panel is a powerhouse, equipped with tools to manage products, orders, and categories, all secured with Google's OAuth technology.

Purpose

The core purpose of PetPlus is to provide a one-stop-shop for pet owners – a place where they can find everything they need for their furry friends with ease. From the outset, our goal has been to deliver a user-friendly experience with a focus on accessibility, performance, and security.

Result

The result is a fully realized e-commerce platform that stands out in the digital marketplace. PetPlus is not only a store; it's a community where pet lovers can discover quality products and trust in a secure purchase process. With every feature carefully crafted, from the user accounts to the admin dashboard, PetPlus delivers an unmatched shopping experience.

Features 🚀

• Admin Dashboard: Secure access with Google Authentication to manage sales, orders, and products.
• Graphs & Reports: Visualize total sales and order metrics.
• Order Management: Review, fulfill, and track customer orders.
• Category Management: Create, update, and delete product categories and subcategories along with custom attributes.
• Product Management: Seamlessly manage product listings, including images and custom characteristics.
• Responsive Landing Page: Highlighting the latest products and categories for easy navigation.
• Product Discovery: Search and sort functionalities to find products with ease.
• Cart & Checkout: Custom cart component and a secure checkout process.
• User Accounts: Wishlist and order tracking for registered users.

Screenshots

Admin Dashboard

E-commerce Front

Shop Pages 🛍️

PetPlus is not just about management – it's a complete shopping portal:

• A stunning, Responsive Landing Page that dynamically showcases new products and categories.
• A detailed Product Specification Page with all the necessary product information.
• An intuitive Checkout Process secured by Stripe, with a user-friendly form powered by zod for validation.
• A Categories Page to explore products by category.
• User Account Management including wishlist and order history.

Mobile & Desktop Responsive 📱💻

Using Tailwind CSS, we've tailored every page to look and function beautifully on a wide range of devices, ensuring that users have a premium shopping experience whether they're on a desktop or on the go.

Get In Touch 📬

We're dedicated to providing the best experience for our users. If you encounter any bugs or have questions, please don't hesitate to reach out.

Contributing 🤝

Your contributions are what make PetPlus an even better shopping platform. We welcome pull requests and issue reports to help improve the project.

Acknowledgements 🙏

This project represents weeks of hard work, resolving challenging issues, and a relentless pursuit of excellence. A heartfelt thanks to all who have supported this journey.

---

Feel free to explore the code, and thank you for visiting the PetPlus repository! 🌟

Happy shopping! 🐾