Code Monkey home page Code Monkey logo

wdi7-project-2-barterfly's Introduction

WDI Project 2: BarterFly

This web mobile/desktop app was built in one week meeting requirements of Project 2 in the WDI course.

The project is called BarterFly, an app that allows users to create an inventory of items to sell and flexibly interact with others in trades that allow a combination of multiple items and cash. Trades are between two individuals, update in real time as changes are made, and also include a real time discussion chat per trade.

Getting Started

To run locally, git clone a copy from here to your system. You will need MongoDB installed locally, running on default port. Some prerequisites are needed to run the code, as per below.

Prerequisites

You will need to install all dependencies after cloning:

npm install

You will need the following settings written into an .env file, inside the root of the cloned directory. You will need your own Cloudinary account to store images generated by the app.

SESSION_SECRET=<your own session secret here>
NODE_ENV=test
PROD_PORT=4000
CLOUDINARY_URL=<url of your cloudinary account here>

Run "npm start" from the cloned project's root. You can now connect on localhost port 3000 in your browser.

How to Use

You can search for items in the marketplace without logging in. To actually start a trade, signup and create an account, and make a few items - names, descriptions, an image and your estimation of value.

Then try to create trades by searching items from other accounts and clicking Make An Offer in the search view. You can chat and modify trades in real time; updates to discussion etc are effectively pushed in real time to your trade partner if they are in the BarterCenter or Trade views.

Live Version

A live version of this app is deployed on heroku

Built With

Jquery (non slim version as Jquery AJAX was used)

Bootstrap 3.3.7 was also used.

Basic templates from the Bootstrap examples were used in several places, notably the left dashboard and the navbar.

Workflow

Primarily the app was created around my own user stories, adding features and functionality as I found that they would become important in the actual experience. The one week schedule meant that features were picked based on what was the most bang for the temporal buck in terms of impressiveness.

Some important validations still need to be done. For example, although buttons for modifying trades are removed when one or both parties to a trade are requesting a finalization, the backend does not yet filter out modifications to the trade if a HTTP request is made manually without the app interface.

Authors

Adrian Ke, with kind advice from the General Assembly teaching staff, Nick and Jeremiah.

Acknowledgments

Bootstrap 3's basic examples for dashboard and navbar are pretty clear and useful responsive elements that can be modified on. Would recommend.

wdi7-project-2-barterfly's People

Contributors

adrianke77 avatar jeremiahalex avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.