Back to projects
BidOut-Fully functional online auction management system

BidOut-Fully functional online auction management system

Kavindu Rashmika / October 11, 2024

📦 Project Overview

BidOut is a sophisticated and fully functional Fully functional online auction management system dedicated to selling anything.Developed using React for the SE205.3 Software Architecture module. The project emphasizes a secure, responsive, and user-friendly auction experience, integrating robust authentication, stock management, cart functionality, email notifications realtime bidding, secure paymentmethod and admin panel.


🗓️ Timeline

  • 📅 Start Date: July 1, 2024
  • 📅 End Date: August 11, 2024

🚀 Features

  • Auction Management 🗂️ – Create, edit, and monitor auctions with ease.
  • Real-Time Bidding System 🛎️ – Dynamic bidding with instant updates.
  • User Accounts 👤 – Registration, login, and user profile management.
  • Secure Transactions 🔐 – Encrypted payment and transaction flow.
  • Stripe Payment Integration 💳 – Secure checkout with Stripe.
  • Responsive Design 📱 – Fully mobile-friendly and cross-device compatible.
  • Email Notifications 📩 – Instant email alerts for bidding activity and auction status.

🧰 Technologies Used

  • Frontend 🖥️: Vite, React, Tailwind CSS, Framer Motion
  • Backend ⚙️: C# (.NET)
  • Stripe 💸: Payment integration via @stripe/stripe-js

📦 Installation

# 1. Clone the repository
git clone https://github.com/kavindu-r/
# 2. Navigate to the frontend directory
cd sa-frontend
# 3. Install dependencies
npm install
# 4. Run the development server
npm run dev

Visit http://localhost:5173 to view the app.


👥 Team Members

Student IDNameGitHub Username
27292GUI Perera (Leader)@upekshaip
27601SWKR Pinsiri@Kavindu-R
27578MJM Shaahid@MShaahid
27958MCA Jayasingha@ChethakaJayasingha
27176Weerathunga KTN@WeerathungaKTN
27177Weerathunga KTS@WeerathungaKTN

🧠 Learning & Contributions

This project was a collaborative group effort.
Every member played a crucial part in shaping BidOut into a Fully functional online auction management system.

This project sharpened my understanding of:

  • Full-stack web development across multiple languages
  • Secure authentication and user role management
  • Modern responsive design practices
  • Team coordination and version control

📌 Summary

BidOut showcases the power of combining React, C#, and Tailwind to build dynamic, real-time platforms. With its Stripe integration and modern features, it serves as a professional example of auction system development from front to back.


🌍 Open Source

We’ve made BidOut to help other developers learn and build from our experience.

🗂️ Frontend Repository(React)
🗂️ Backend Repository (C#,.net)


📸 Screenshots

Home Page Home page with featured products Auction Page Auction Page login Login page Profile Page Signup Page Admin Page *Admin page * eamil Notifications Via Emails