Zaylo

Welcome to Zaylo! This project is a feature-rich e-commerce application built with modern web technologies to provide a seamless shopping experience. Designed to be fast, secure, and mobile-responsive, this platform is ideal for businesses looking to take their store online.

---

🚀 Features

• Add/Edit Product: Seamlessly manage your product catalog with an intuitive interfaces.scccc
• View Sales Analytics: Gain insights into your store's performance with comprehensive analytics.
• View Payment Status: Track payment statuses in real-time with Stripe integration.
• Mobile Responsive: Optimized for mobile devices to provide a great user experience.
• Secure Actions: Ensures safe operations and protects sensitive data with Next.js safe actions.

---

🛠 Technologies Used

Technology	Description
	Next.js: A powerful framework for building server-rendered React applications. (​:contentReference[oaicite:2]{index=2})
	ShadCN UI: Beautiful, customizable UI components to speed up development. (​:contentReference[oaicite:3]{index=3})
	Stripe: A secure payment gateway for hassle-free transactions.
	Framer Motion: Create smooth animations and transitions effortlessly.
	TypeScript: Bring type safety to JavaScript for more reliable code.

---

🏗️ Getting Started

Follow these instructions to set up the project locally.

Prerequisites

• Node.js v16 or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/your-username/zaylo.git
   cd zaylo

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env.local file in the root directory and add the following:

   NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
   STRIPE_SECRET_KEY=your_stripe_secret_key

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

---

📈 Analytics & Dashboard

• Sales data visualization with interactive charts.
• Detailed insights into product performance.

---

🎨 Design Highlights

• ShadCN UI Components: Pre-designed and customizable components for faster development.
• Framer Motion Animations: Smooth transitions and animations for better user engagement.
• Mobile-First Design: Optimized layouts for seamless navigation on all screen sizes.

---

📂 Folder Structure

.
├── app
│   ├── api
│   ├── dashboard
│   ├── products
│   └── ...
├── components
├── public
├── styles
├── utils
└── ...

---

🛡 Security

This project implements Next.js Safe Actions to ensure secure operations, especially for sensitive functionalities like adding/editing products and handling payments.

---

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

🤝 Contributions

We welcome contributions! If you want to contribute:

1. Fork the project.
2. Create a feature branch (git checkout -b feature/your-feature).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature).
5. Open a Pull Request.

---

📧 Contact

For inquiries or support, feel free to reach out:

• Email: krajikshan637@gmail.com
• GitHub: RajikshanK

---

Thank you for checking out Zaylo! 🎉