STOREIFY Demo

E-commerce platform that delivers an engaging and seamless shopping experience with a beautifully designed interface.

📦 Installation

1- Clone the Repository:

git clone https://github.com/ANT0NI0US/.git 
cd ANT0NI0US-STOREIFY

2- Install Dependencies:

npm install

3- Configure Firebase: Update the firebase.config.ts file with your Firebase project credentials.

4- Start the Development Server:

npm run dev

5- Build for Production:

npm run build

📄 Usage

• Home Page: Browse featured products, offers, and new arrivals.
• Shop: Explore and filter products by category, and view detailed product descriptions.
• Cart: Manage selected items, adjust quantities, and proceed to checkout.
• Favorites: Save and organize your favorite products for easy access.
• Orders: Track your purchase history and view order details.
• About: Learn about Storeify’s mission, vision, and services such as fast shipping, secure payments, exceptional customer support, and hassle-free returns.
• Contact: Reach out for inquiries or feedback through an integrated email form.

🚀 Features

• Browse products with filters and categories.
• Add items to the cart with custom quantities.
• Mark favorite products and manage a wishlist.
• Proceed to checkout.
• View order details and status updates.
• Interactive user authentication (Sign Up, Login, Logout).
• Responsive design optimized for all devices.
• Dark mode toggle for a customizable user experience.
• Reusable components for buttons, modals, and forms.
• Dynamic navigation with protected routes.
• Global state management using Redux.

🛠️ Technologies Used

• React: For building the user interface.
• TypeScript: Ensuring type safety and scalability.
• Tailwind CSS: For fast and responsive styling.
• Redux: Managing the global state of the application.
• Firebase: Authentication and data storage.
• HTML5: The latest version of HTML, providing new elements and APIs for modern web development, enhancing structure, multimedia handling, and mobile performance.
• React-icons: For beautiful icons.
• React-router-dom: Navigation and routing.
• React-hook-form: Simplified form handling.
• React-multi-carousel: Elegant product carousels.
• EmailJS: For integrating the contact form.
• React-toastify: Interactive toast notifications.

📷 Gallery

🤝 Contributing

Contributions are welcome! Please follow these steps:

1- Fork the repository.

2- Create a feature branch: git checkout -b feature-name.

3- Commit your changes: git commit -m 'Add new feature'.

4- Push to the branch: git push origin feature-name.

5- Open a Pull Request.

👤 Author

Project Title was created by Antonious Nasr Kamel - Linkedin - Portfolio.

Contact me via email for any inquiries.