ChristopherDalziel / mineral-exchange-2.0

2 Way Marketplace [Ruby on Rails, PostgreSQL]

Home Page:https://limitless-earth-36988.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mineral Exchange

What problem are you solving by building this particular marketplace app?

For this assignment I'm designing a web marketplace designed for sellers and collectors of rocks, fossils and minerals. My decision to chose this direction is because I have a close friend (and room-mate) who is an avid collector who needs to release a large majority of their collection. Outside of Ebay and Facebook marketplace there isn't really specialized marketplace options, the websites I have been able to find online are companies selling but don't allow a collector to sell their own collection. These websites also often very clunky and slow from both a functionality and design standpoint.

Why is this a problem that needs solving?

This a problem that needs solving because my friends addiction is beginning to take over our household. With no good alternatives out there and eBay not returning the desired results. The Mineral Exchange Marketplace is the best chance I have to get my lounge-room back!

Links

Description of your marketplace app:

Purpose

The purpose of my marketplace app is to design a functional two-way marketplace that is easy to use for anyone with any level of experience buying and selling online. To allow the sellers an effective way to display their minerals to sell and for protentional buyers to be able browse and purchase from the web-app.

Functionality & Features

Visitors
  • Can view sign up for a new account as a seller or a buyer via a sign up form that takes information such as name, email, password, address and contact number
  • Can view the websites current listings that are available for purchase as well as all listing data and attached questions and answers
  • Visitors can contact the web-app owner via the email contact form
  • Cannot make a purchase
Sellers
  • Can create a listing of their own for sale via a form that takes in information like title, type, description, price and allows for an image upload
  • Have their own custom listings page where they can see all of their own posted listings
  • Can view, edit, or delete their previously created listings
  • Can see if their listing has been sold or is still for sale
  • Can view all available listings on web-app by all sellers not just their own
  • Can view and edit their own personal seller profile that holds their information(Incase their contact or address changes etc)
  • Can answer and delete buyer questions on their own listings
  • Cannot make a purchase
  • Sellers can contact the web-app owner via the email contact form
Buyers
  • Can view all current listings on the website
  • Buyers can chose to purchase a listing, upon selecting a purchase they will be redirected to stripe to complete their payment before been redirected back to the web-app to confirm.
  • Buyers can ask sellers questions about their listings
  • Buyers can contact the web-app owner via the email contact form
General
  • Custom form inputs for contact, user sign ups and listing creation and editing
  • Upon a listing been purchase the listing will be removed from the web-app ready for the seller to delete if they chose
  • Input validation
  • AWS Image hosting
  • Stripe Payment system
  • Formspree Email forwarding

Sitemap

Sitemap Displayed as a flowchart/graph

Target audience

My target audience for this web marketplace is primarily collects, sellers and buyers of different types of rocks, fossils and minerals.

Tech stack

  • Ruby on Rails
  • Ruby 2.5.1
  • PostgreSQL
  • Heroku (deployment)
  • macOS
Third Party Services
Gems
  • Devise (For handling user sign ups)

Epic/Stories

Epic with Stories

Wireframes & Screenshots

Homepage

Wireframe

Homepage Wireframe

Screenshot

Homepage Screenshot

Sign up page

Wireframe

Sign up Wireframe

Screenshot

Sign up Screenshot

Listings page(Buyer)

Wireframe

Listings Buyer Wireframe

Screenshot

Listings Buyer Screenshot

Listings page(Seller)

Wireframe

Listings Seller Wireframe

Screenshot

Listings Seller Screenshot

Listings create

Wireframe

Create Listing Wireframe

Screenshot

Creating Listing Screenshot

Listings show

Wireframe

Listing show Wireframe

Screenshot

Listing show Screenshot

Purchase success

Wireframe

Purchase success Wireframe

Screenshot

Purchase success Screenshot

Purchase fail

Wireframe

Purchase fail Wireframe

Contact Us

Wireframe

Contact us form Wireframe

Screenshot

Contact us Screenshot

Example Mobile Page Views

Wireframe

Example Mobile Page Views

ERD

ERD Chart

Explain the different high-level components (abstractions) in your app:

One of the high-level components in my application is Active-Record. Active-Record is a design pattern that uses the MVC (Model, View, Controller) to map the columns inside your table. Doing this provides us with ORM (Object Relational Mapping).
Doing this allows us to access our SQL database (In our case PostgreSQL) without having to write SQL statements.
Active-Record also allows us the ability to represent our models and their data, associations between our models, represent inheritance through related models and validate models before they get persisted to the database. These columns are accessed by methods are inferred inside the database schema.

Detail any third party services that your app will use:

The Mineral Exchange app will use Stripe to handle payment systems, AWS to handle image uploading and hosting, Formspree is been used to handle the contact form for all users to use to contact whoever is controlling the web-app, and Heroku to deploy.

Describe your projects models in terms of the relationships (active record associations) they have with each other:

Type:

has_many :listings
  • The type model has_many listings because each listing will have a type, and sellers can create as many listings as they'd like, so it's likely there will be more than one type used on our listings.

User:

has_many :listings
has_one :user_detail
accepts_nested_attributes_for :user_detail
  • The users model has many_listings because one user is able to post as many listings are they'd like.
  • The users model also has_one user_detail, this is because the user_detail model is an extension of Users and gives us access to futher information, this is why User accepts_nested_attributes_for the user_detail table.

User_Detail:

belongs_to :user
belongs_to :state
has_many :states
  • The user_detail model belongs to the User table because it's nested and gives extra information to that table.
  • User_detail also belongs_to state because the state model gives information to the user_detail model and then the user_detail also has_many states because the state model can have many user_details.

Listing:

belongs_to :user
belongs_to :type
has_many :questions, dependent: :destroy
has_one_attached :picture
enum sold: { no: 1, yes: 0 }
  • The Listing model belongs_to the user model, this is because a user is able to have a listing(or many, but this isn't shown here).
  • Listing also belongs_to the type model because it there are many different types that are able to be linked to a single listing.
  • Inside of the listings model it has_many questions, this is because a single listing can have as many questions as the buyers ask, it also has a dependency destroy so when a listing is destroyed by a seller it also destroys the attached questions.
  • The listing model is also has_one_attached picture, this is allows the user to upload one image of their own via AWS.
  • Lastly the listings model holds a enum value which is set to 1 or 0 upon listing it's automatically set to "no" or "1" upon a successful payment been made the enum is changed to "yes" or "0" this removes the listing from the buyers view.

Question:

belongs_to :listing
has_many :answers, dependent: :destroy
  • The question model belongs_to the listing model because questions are attached to listing_id, so they aren't shown on an other listings other than the attached id
  • A question has_many answers so the seller is able to answer as many times as required, this also has a destroy dependency so if a question or a listing is deleted so are the attached answer(s).

Answer:

belongs_to :question
  • The answer model belongs_to the question model so the answer is only shown on the attached question_id not on all questions, this happens in exactly the same way as the initial question is attached to a listing_id

Discuss the database relations to be implemented in your application:

I'm going to discuss the database relations how they're displayed in my ERD and in the order I created my models and why.

Firstly I created my Type/State tables as they hold only a single row of string data, we will come back to their relationships to their linked tables soon, but I created these tables first because they didn't have any rows that needed to access data from another table via a foreign key. It would be these tables that would be accessed.
Next I moved onto creating my User table, this was created via the devise gem for me however afterwards I run a migration (Filename:20191028035049_fix_d.rb) where I manually added an extra row to the table this would determine when someone signed up what type of user they are.
Next I created my UserDetail table, this was created to be nested under the User table to give us extra information when new users sign up, this table would have a one to many relationship with the User table meaning each signed up User(There would be many) would have one UserDetail table attached to it, it will also have a many to one relationship with the State table this is because each signed up User(+UserDetails) table will have one state attached.
Moving onto my biggest table Listing, I created this table towards the end of the process as it accesses the other tables the most and I have to create those tables first not to create errors. The listing table has a one to many relationship with Types which was the table we created first this is because we will have many listings and one Type of mineral per listing.
The next foreign key to be created will be a one to many relationship between our listing table and our users this will be another one to many relationship as we will have one user per listing, but a user can have as many listings as they want.
Finally my last two models that I created were Question and Answer, Question is a little bit different to my previous tables it is linked to the listing table via a zero or many relationship this means a listing can have zero questions or many questions so our web app can function without questions. The last table created was Answer, answer works in the same way as the question table linked via foreign key the Answer table has a zero or many relationship to our question table so each question can have zero answers or many.

I wanted to be more clear about foreign keys, a foreign key is a system that you can use to associate one table to another, normally this is done by linking one table column to another. Using our tables as an example we have a User table, and we are linking it to the UserDetails table via a foreign key, this uses a column in our UserDetails table that references the User table(Assuming the user_id of the table). The main purpose behind this relation other than gaining access to the data between the tables is to also gain access to ActiveRecord now we can write things such as User.user_details.names instead of the SQL statements.

Outside of my model creation migrations I only had two others, one we spoke about already the fix_d.rb this was to add an extra row into my devise user model and then I made a mistake adding an extra row to my listing model and used a migration to remove it.

Provide your database schema design:

In the schema screen shots below you'll see the different attributes and datatypes I've selected for the models/tables, I thought I would also go over some of the reasoning behind my choices on each table.

Active Storage Attachment/Blob Models
  • These tables are implemented for us by AWS when we install their functionality, and we don't have any choice over the attributes and datatypes.
Question/Answer Model
  • For the subject line in the question model I used 'string' because a subject doesn't need to be longer than 255 characters
  • For the body of each I used 'text' so both the buyer and the seller would be able to write as much as they needed.
Listing Model
  • Inside the listings table I used 'text' once more the the seller would have enough room to add any amount of information they require
  • I used 'integer' on both the price column however this was to function correctly with Stripe(As far as I'm aware Stripe only accepts integers) but also incase I needed to do any form of calculation for the payment now or in the future which wouldn't be possible with a string.
  • For the sold column I decided to make an 'enum' this was more for my own personal development I wanted to see how they worked even though for this assignment I've only used two fields 1 and 0 which is essentially just creating a boolean value. It was a learning experience so in the future I can use both enums and boolean.
User Detail Model
  • The only thing really worth noting inside my user detail model is my use of integer for the postcode, although the postcode is a integer there isn't really any reason to store the datatype as such, it probably would have made a more sense to use a string and restrict the input using validation to 4.
User Model
  • The user model is created by devise however I did use a migration to add my own column 'is_seller' which takes the datatype 'boolean' I did this so I could split my users and allow them to access different parts of my website, I used 'boolean' as I said before so I had the experience of using both boolean and enumn datatypes.

Schema.rb File Screen shots Schema.rb File Screen shots Schema.rb File Screen shots

Describe the way tasks are allocated and tracked in your project:

During this project I used Trello having used it in previous assignments I found it a really helpful way to keep tracking of what I need to do, what I'm currently working on and what I've completed already. During this project I also used the feature of Trello where you can add a due date for yourself, I used this to help myself stay on track with my progress. You can see my attached screen grabs of my progress below, full size are available inside the assets folder. Trello Screenshots

About

2 Way Marketplace [Ruby on Rails, PostgreSQL]

https://limitless-earth-36988.herokuapp.com/


Languages

Language:Ruby 58.2%Language:HTML 31.3%Language:CSS 9.5%Language:JavaScript 1.1%