Easybid

About this project

Easybid is an online auction application that provides an easy and enjoyable experience for participating in painting auctions.

Why Easybid?

• Based on e-commerce so users will be more familiar with using it
• Live bidding, displays the auction process live

Members

• Aly Murry Darmoko - 21/473092/TK/52125
• Hiera Ahmaddhio Rhesadewa - 21/473997/TK/52268
• Muhammad Luthfan Arrayyan - 21/479825/TK/52943
• Farhan Franaka - 21/482306/TK/53250

All Links

• Deployed Website: https://auction-fe-gilt.vercel.app/
• Backend Deployed: https://auction-api-4.vercel.app/
• Backend Repository: https://github.com/group4paw/auction-api
• Slide: https://s.id/Easybid_PPT
• Video Presentasi: https://drive.google.com/file/d/1CZYvqt-3XGJ7gZakpKMdMMOk5EvcJYHX/view?usp=sharing
• Figma File: https://s.id/Easybid_Figma
• ENV File: https://docs.google.com/document/d/1aTSEaNH7Rtdg2_3GG-cBcb9clVKjEHsEbEixJYzcc-w/edit?usp=sharing

Tech Stack

• NodeJs: Server-side
• ExpressJS: Backend Framework
• MongoDB: Database
• NextJs: Frontend Framework
• TailwindCSS: CSS Framework
• Axios: HTTP Request
• Redux: State Management
• Vercel: Deployment & Blob Storage
• Figma: UI/UX Design
• Postman: API Client
• Midtrans: Payment Gateway

Project structure

Project
├── public
└── src
    ├── app
    │   ├── api
    │   ├── buy
    │   ├── login
    │   ├── register
    │   └── sell
    ├── assets
    │   ├── icons
    │   ├── image
    │   └── logo
    ├── components
    │   ├── beranda
    │   ├── buy
    │   ├── login
    │   ├── register
    │   └── seller
    ├── redux
    │   └── features
    └── type
        └── index.ts

How to Run?

1. Clone this repository

   git clone https://github.com/group4paw/auction-fe.git
   

2. Install NPM Packages

   npm install
   

3. Open env file, and copy paste to this directory
4. Run App

   npm run dev
   

5. Open in your localhost

   http://localhost:3000/
   

6. Register with email and password to use it

Some capture