/DevShop

Primary LanguageRuby

Alt tag

A Web Application by William Dunlop

Summary

The Problem
The internet has seen a rise in popularity throughout the 21st century and continues to grow with no signs of slowing down. This has made it a desirable platform for an individual or company to present themselves and get involved with the many online communities that have formed over the years. It can be quite easy for a user to create an online presence with the assistance of services such as Facebook, Twitter, LinkedIn and more. These services however limit the user’s online presence to the format that comes with these platforms. If a user wanted to create their own website, they would have to find someone capable enough to make it for them or learn the process themself. Both of these options can be a tiresome process, especially if the user knows very little about web design.
The Soloution
DevShop aims to solve this issue by presenting the user with a two sided marketplace that feels very similar to that of current social media trends but also offers the ability for those to show of their creative skills with web development. A user friendly experience has been made that connects those who wish to create a website or application with those who are able to deliver such a demand. With DevShop, a web developer is able to customise their profile with custom HTML and CSS code. This allows for complete freedom when trying to demonstrate their knowledge of the field and allows them a place where they can be compared with their competitors. As these developers try to sell their services, a buyer is able to broswe through the many different profiles in search for one that catches their interest. The buyer is then able to get in contact with the developer and discuss what it is they desire. If the developer and client can agree on a project, a binding contract can be made between them.

Project Details

  • Ruby: v2.3.1p112
  • Rails: 5.0.0.1
  • Css Framework: (none)
  • Trello: Design and planning
  • Github: Version control
  • Heroku: Live deployment
  • Dbdesigner: ERD design and planning
  • Mokingbird: Wireframe design and planning
Gem's Used
- Devise: For managing account creation, management and security - Carrierwave: Image and file uploading - act_as_votable: User rating system - font_awesome: Used in the rating system - awesome_link: Used in the rating system
APIs Used
- Stripe: Used to handle and manage secure transactions - Mailgun: Used for sending emails to users such as reciepts or forgotten password requests

User Journey's

The Buyer
The following is an example for a buyer's typical user Journey

Alt tag

The Developer
The following is an example for a developer's typical user Journey

Alt tag

Wireframes

Log In Page
![Alt tag](app/assets/images/Wireframes/Log-in.JPG?raw=true "Log In")
Landing Page
![Alt tag](app/assets/images/Wireframes/Landing-Page.JPG?raw=true "Landing Page")
Default Developer Profile
![Alt tag](app/assets/images/Wireframes/Default-Dev-Corner.JPG?raw=true "Default developer profile")
Messenger
![Alt tag](app/assets/images/Wireframes/Conversation.JPG?raw=true "Messenger")
User/Profile Edit Page
![Alt tag](app/assets/images/Wireframes/Edit-Profile.JPG?raw=true "User/Profile Edit Page")

Entity Relationship Diagram

![Alt tag](app/assets/images/ERDs/ERD - 1.JPG?raw=true "ERD")

Heroku Deployed App

A live version of DevShop can be found at https://www.devshopp.herokuapp.com