Skip to content

Repository files navigation

🌍 GlobalTrade Hub

🔗 Client Live Site: https://global-trade-hab.web.app

🔗 Server Live Site: https://global-hub-server.vercel.app/


📖 Project Overview

GlobalTrade Hub is a modern full-stack web application where users can explore global products, export their own items, and import products into their personal dashboard. The platform ensures smooth user experience with secure authentication, real-time updates, and a clean responsive UI.


✨ Key Features

  • 🔐 Authentication System (Email/Password + Google Login)
  • 🌍 Explore Global Products with detailed information
  • 📦 Add Export Products with form validation
  • 📥 Import Products with quantity limit control
  • 🧾 My Imports Dashboard to manage imported items
  • 📤 My Exports Dashboard to manage user-added products
  • 🔄 Real-time Quantity Update after importing products
  • 🔍 Search Functionality based on product name
  • 🌙 Dark / Light Mode Toggle
  • 📱 Fully Responsive Design (Mobile, Tablet, Desktop)

🛠️ Technologies Used

  • ⚛️ React.js
  • 🎨 Tailwind CSS
  • 🔥 Firebase Authentication
  • 🍃 MongoDB
  • 🚀 Express.js
  • 🌐 Node.js

📁 Project Structure

src/
 ┣ components/
 ┣ pages/
 ┣ routes/
 ┣ hooks/
 ┣ firebase/
 ┗ layouts/

📌 Important Notes

  • 🚫 No default alert used (custom toast implemented)
  • 🔄 No reload issues on private routes
  • 🔐 Firebase domain added properly
  • ⚡ Single Page Application (SPA)

🎯 Future Improvements

  • 📊 Export data as CSV
  • 👥 Role-based system (Importer / Exporter)
  • 📈 Advanced filtering & sorting system

🙌 Author

👨‍💻 Developed by Sohag Ali


⭐ If you like this project, don’t forget to give it a star!

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages