React Node.js

Multi-Page Reaction Application

less than 1 minute read

Context

I built fashion e-commerce website using React. The site features responsive design, state management with React Context, and navigation using React Router DOM. In addition Daisy UI and tailwind third was used to enhance the look and functionality of the site.

Actions

  • 🔹 Step 1: Broswe a catalog of products using filtering options.
  • 🔹 Step 2: Add description about individual products.
  • 🔹 Step 4: Add items to shopping cart.
  • 🔹 Step 5: View shopping cart and manage its contents(add, remove items).
  • 🔹 Step 6: Add responsive layout that works seamlessy on mobile and deskstop device(in Progress).

Result

Below is the result.

Live demo

GitHub Repository

  • 📝 Summary of Key Findings:

    • Using third-party UI frameworks such as Daisy UI to build responsive layouts.

    • Using React context to manage the state for:
    • Products data.

    • Shopping cart contents.

    • Reploying a react application to Render.

Future Considerations

  • 💡 Potential improvements:

    1. Add User Authorisation & Database so the user can create an account and interact with the product.

    2. Add payment options and transcations so they can buy the item.