/tias

Discover Tias, your e-commerce hub built using Next.js, Stripe for payments, and featuring my inaugural experience with Redux and Redux Toolkit. Toastify handles notifications, axios manages API requests, while Firebase and Fake Store API provide product data. Unveil a robust, feature-rich e-commerce solution.

Primary LanguageJavaScript

Tias E-Commerce Project

Welcome to Tias, your go-to e-commerce platform built with Next.js, Stripe for payments, Redux for state management (my first use of Redux and Redux Toolkit), Toastify for notifications, axios for API requests, and the Firebase & Fake Store API for product data. This project represents a powerful and feature-rich e-commerce solution.

Project Overview

Features

Tias offers a range of features to enhance your online shopping experience:

  • Product Listings: Browse and shop for various products.
  • Shopping Cart: Add and manage items in your cart.
  • Secure Payments: Safely complete your purchases using Stripe.
  • State Management: Utilizes Redux for efficient state management.
  • Notifications: Get instant feedback on your actions with Toastify notifications.
  • API Integration: Axios is used to connect with the Firebase Fake Store API.

Technologies Used

Tias makes use of several technologies to provide a seamless e-commerce experience:

  • Next.js: A React framework for building server-rendered applications.
  • Stripe: A secure payment processing platform.
  • Redux: A state management library for React applications.
  • Toastify: A notification library for user-friendly feedback.
  • Axios: A promise-based HTTP client for making API requests.
  • Firebase Fake Store API: Provides product data for the e-commerce site.

How to Use

To start shopping on Tias, follow these steps:

visit https://tias.netlify.app/ or:

  1. Clone or download the project repository to your local machine.

  2. Navigate to the project directory.

  3. Run the application using Next.js:

    npm install npm run dev

  4. Open a web browser and visit http://localhost:3000

  5. Browse the product listings, add items to your cart, and proceed to checkout with secure Stripe payments.

Future Plans

For Tias, the following improvements and expansions are planned:

  • Search Functionality: Add a search feature for finding specific items.
  • Wishlist: Allow users to save and track their favorite products.
  • Responsive Design: Ensure a seamless shopping experience on various devices.

License

Tias is open-source, and its code is available in the associated GitHub repository. You are welcome to use, modify, or distribute the code as per the project's license.

Contact

If you have any questions, feedback, or would like to connect with me, you can reach me on LinkedIn.

Thank you for visiting Tias, and happy shopping!