Skip to content

Latest commit

 

History

History
96 lines (65 loc) · 5.86 KB

README.md

File metadata and controls

96 lines (65 loc) · 5.86 KB

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! 🐾