Bidit - Auction service

Live Preview

BidIt is a web application built using Express and MongoDB on Backend, and Vue.js on Frotnend. This is a online shopping site with consumer to consumer sales. On this website users can either sell or auction their products and other users can participate in set auctions. Site has also built in live chat where users can contact each other in case a user has any questions to the seller or maybe to discuss sold item shipping.

Application functionality:

• User authentication using cookies.
• Place item either for sale or auction.
• Auction managment.
• Live auction bidding.
• Live chat with other users.

Run application

# install dependencies
npm install

# DEVELOPMENT
# run server
npm run dev
# run client
npm run serve

# PRODUCTION
# build client
npm run build
# run app
npm start

Enviroment variables

application requires an .env file which contains:

DBURI: database URI - is required
PORT: server port - default is 3000
APP_SECRET: secret that will be used to encrypt passwords
VUE_APP_API_URL:

• DEVELOPMENT: required
• PRODUCTION: default is '/'

Used Technologies

Backend

• Node.js - pen-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side.
• Express.js - for building web applications, APIs and connecting middleware.
• MongoDB - NoSQL database for data storage.
• Mongoose - ODM library for MongoDB and Node.js.
• PassportJS - authentication middleware for Node.js.
• Passport-Local - used local strategy for authentication.
• Passport-JWT - A Passport strategy for authenticating with a JSON Web Token.
• bcryptjs - A library to help you hash passwords.
• connect-mongo - MongoDB session store for Connect and Express.
• jsonwebtoken - An implementation of JSON Web Tokens.
• passport.socketio - Access passport.js user information from a socket.io connection.
• socket.io - Socket.IO enables real-time bidirectional event-based communication.

Frontend

• Vue.js - framework for building user interfaces.
• SASS - used for styling HTML.
• moment - simple date formatter
• axios - Promise based HTTP client for the browser and node.js
• vuex - Vuex is a state management pattern + library for Vue.js applications.
• vue-router - Vue Router is the official router for Vue.js.
• socket.io-client - A standalone build of socket.io-client is exposed automatically by the socket.io server as /socket.io/socket.io.js.