A modern, responsive web application for online auction management built with React and contemporary web technologies.
AuctionArc Frontend is the client-side application for the AuctionArc platform, providing users with an intuitive interface to browse, bid on, and manage auctions in real-time.
- 🔍 Auction Discovery - Browse and search active auctions
- 🏷️ Real-time Bidding - Place and track bids with live updates
- 👤 User Authentication - Secure login and registration
- 📊 Auction Management - Create and monitor your listings
- 💰 Payment Integration - Secure payment processing
- 📱 Responsive Design - Works seamlessly on desktop and mobile devices
- 🔔 Notifications - Get updates on auction status and bids
- Framework: React
- State Management: Redux/Context API
- Styling: CSS3 / Tailwind CSS
- HTTP Client: Axios
- Build Tool: Webpack / Vite
- Testing: Jest / React Testing Library
- Node.js (v14 or higher)
- npm or yarn package manager
- Clone the repository:
git clone https://github.com/Saima535/AuctionArc.git
cd AuctionArc/frontend- Install dependencies:
npm install- Create a
.envfile with required environment variables:
REACT_APP_API_URL=http://localhost:5000
REACT_APP_ENV=development- Start the development server:
npm startThe application will open at http://localhost:3000
npm start- Start the development servernpm run build- Build for productionnpm test- Run testsnpm run lint- Run ESLintnpm run eject- Eject from create-react-app (irreversible)
frontend/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Page components
│ ├── services/ # API services and utilities
│ ├── store/ # Redux store (if applicable)
│ ├── styles/ # Global styles
│ ├── App.js # Main App component
│ └── index.js # Entry point
├── package.json # Dependencies and scripts
└── README.md # This file
The frontend communicates with the AuctionArc backend API. Ensure the backend server is running before starting the frontend application.
Base API URL can be configured in .env file.
- Create a feature branch:
git checkout -b feature/your-feature - Commit changes:
git commit -m 'Add your feature' - Push to branch:
git push origin feature/your-feature - Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
For issues and questions, please open an issue on the GitHub repository.
Note: This is the frontend repository. For backend code, visit the main repository.