Skip to content

Latest commit

 

History

History
107 lines (73 loc) · 3.81 KB

README.md

File metadata and controls

107 lines (73 loc) · 3.81 KB

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

Home

Shop

Orders

About

Contact

Cart

Favourites

Check-out

🤝 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.