
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 ID | Name | GitHub Username |
---|---|---|
27292 | GUI Perera (Leader) | @upekshaip |
27601 | SWKR Pinsiri | @Kavindu-R |
27578 | MJM Shaahid | @MShaahid |
27958 | MCA Jayasingha | @ChethakaJayasingha |
27176 | Weerathunga KTN | @WeerathungaKTN |
27177 | Weerathunga 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 with featured products
Auction Page
Login page
Signup Page
*Admin page *
Notifications Via Emails