Trade It

A mobile app for trading items you no longer need for items and services you want. Don't buy, just trade it and help create a more sustainable future.

This was a collaboration with Judit Mendez Puig @judelt for our final project in the Lighthouse Labs Web Development bootcamp. The app is inspired by the story of Kyle MacDonald, a Canadian blogger who famously bartered his way from "one red paperclip" to a house in a sequence of online trades.

Back-end: Ruby on Rails, PostgreSQL.
Front-end: React, CSS, Material UI, Ant Design.

My contribution

• We pair-programmed the Rails back-end and the database setup.
• I implemented the functionality in the front-end with React, including accessing data and updating state.
• I implemented navigation in the app, making use of React Router and a couple of its hooks (useHistory and useParams).

A preview

Browse and search for listings

View a particular listing

View a user's profile, listings and reviews

Propose a trade

Manage proposals

Wishlist

Add a new listing

Suggestions

Setup

1. Fork this repository, then clone your fork of this repository.
2. In one terminal, run bundle to install the dependencies. Run bin/rake db:setup to create the databases (called rails_project_development). Run bin/rails s to run the server.
3. In the other terminal, cd into client. Run npm install. Then run npm start.
4. Go to localhost:3000 in your browser.