Web Application Case study

WFH Lister

Consultation

A complimentary consultation is the first step in our web application development approach. Below you'll find the results of our conversation with WFH Lister.

Project On Device(s)
Company Name: WFH Lister
Location: Toronto, Canada
Industry: Job Listings
Development Type: Web Application
Scope: Design and Development

User Stories

After the consultation we ran a story creation workshop with WFH Lister. Below you'll find the results of the workshop and how the stories were prioritized.

Must Have

Index Card Background
A long form front page that shows some of the highlights from the site.
Index Card Background
Featured Jobs section on front page
Index Card Background
Featured Candidates section on front page
Index Card Background
Featured Companies section on front page
Index Card Background
Job Search section on front page
Index Card Background
Testimonials section on front page
Index Card Background
Job Search page with detailed filters
Index Card Background
Candidate Search page with detailed filters
Index Card Background
Candidate listing pages
Index Card Background
Job listing pages
Index Card Background
Blog to provide career advice
Index Card Background
Contact Us page

Nice to Have

Index Card Background
A direct messaging system between employers and candidates
Index Card Background
A favorite system for jobs and candidates
Index Card Background
Admin panel to manage jobs, companies and candidates.
Index Card Background
Social Media sharing buttons on jobs and candidates
Index Card Background
Multiple language support.
Index Card Background
Live chat support system
Index Card Background
Option for job listing and candidate listing to upload video
Index Card Background
Pay to be featured on the front page

Maybe Later

Index Card Background
Banner advertising in unobtrusive areas
Index Card Background
Integrated video interview system
Index Card Background
Company profile section with Linkedin API integration
Index Card Background
Affiliate program
Index Card Background
Infinite scroll on listing instead of pagination.
Index Card Background
Every candidate that meets criteria gets auto-interviewed

Wireframes

WFH Lister required both design and development services so our design team created wireframes to show how the user stories will be integrated into the final product.

Iterations

After sizing up the stories for WFH Lister, we grouped them into iterations that can can be developed and tested in a 1-2 week time frame.

Iteration 1

Week 1
  • check
    Design and development environment setup
  • check
    Asset collection and review
  • check
    Wireframe review

Iteration 2

Week 2
  • check
    Header design and development
  • check
    Footer design and development
  • check
    Navbar design and development

Iteration 3

Week 3-4
  • check
    Database development for user data
  • check
    Filesystem setup for candidate and company
  • check
    API endpoint development for signup and login
  • check
    Signup page design and development
  • check
    Login modal creation

Iteration 4

Week 5
  • check
    Profile page design and development
  • check
    API endpoint development for viewing and editing user data

Iteration 5

Week 6-7
  • check
    Database development for jobs
  • check
    Filesystem setup for alternate logos
  • check
    API endpoint development for job creation and view
  • check
    Job creation page design and development
  • check
    In profile view added

Iteration 6

Week 8-9
  • check
    Database development for candidates
  • check
    API endpoint development for candidate creation and view
  • check
    Candidate creation page design and development
  • check
    In profile view added

Iteration 7

Week 10
  • check
    Paypal integration for publishing job posting
  • check
    Stripe integration for publishing job posting

Iteration 8

Week 11-12
  • check
    Design and develop Job Search page
  • check
    API endpoint development for filter parameters
  • check
    Add sorting option for job listings
  • check
    API endpoint development for favorites
  • check
    Add favorites to profile view

Iteration 9

Week 13-14
  • check
    Job listing page design and development
  • check
    API endpoint development for details and summary
  • check
    Email API development for job application

Iteration 10

Week 15-16
  • check
    Design and develop Candidate Search page
  • check
    API endpoint development for filter parameters
  • check
    Add sorting option for candidate listings
  • check
    API endpoint development for favorites
  • check
    Add favorites to profile view

Iteration 11

Week 17-18
  • check
    Candidate listing page design and development
  • check
    API endpoint development for details and summary
  • check
    Email API development for candidate contact

Iteration 12

Week 19
  • check
    Design and develop Contact Page
  • check
    Email API development for contact page

Iteration 13

Week 20-21
  • check
    Design and develop home page
  • check
    Re-use APIs to build sections for search, featured jobs & candidates
  • check
    API endpoint development for Top Companies
  • check
    Testimonials hard coded

Iteration 14

Week 22-23
  • check
    Design and develop blog
  • check
    Use Wordpress as backend API

Iteration 15

Week 24
  • check
    Release
  • check
    Emergency support standby as website is tested with live traffic

Technologies used

Once we had the iterations laid out, we were able to choose the most fitting technologies to build WFH Lister a modern, secure, and scalable web application. Here is a list of the technologies we used:

Client Side:
html5 HTML5
css3 CSS3
sass Sass
bootstrap Bootstrap
javascript JavaScript
react React
Jest
Server Side:
javascript JavaScript
node-js Node
mongodb MongoDB
Jest
Tools:
git Git
heroku Heroku

Challenges & Wins

As with most projects, WFH Lister had some unique requirements that required creative solutions. Below you'll see how we approached these challenges.

Case study challenges
WFH Lister was a large ambitious project with very little time to first release.
plus

The Tactic Apps team sees this quite often, too many stories and not enough time to complete them all. However, WFH Lister's "Must Have" list consisted of mostly large end-to-end features that put us on a tight release schedule.

Using Agile methodologies, the Tactic Apps team decided to operate on a 2 week iteration schedule as most of the stories were too large to iterate over a single week.

In collaboration with the WFH Lister team, all their stories where sized, prioritized and iterated to fit right into their 6 month deadline. Using this Agile approach, the project was completed on time and within budget.

There was not enough time to build a blogging system from scratch.
plus

After the Tactic Apps team iterated through all the "Must Jave" stories, we realized that there would only be 2 weeks remaining to build the frontend and backend for the blog. Unfortunately this was not possible if starting from scratch.

We decided to have a strategy session with the WFH Lister team and came to the conclusion that an pre-built blogging system was the best way forward. Together we chose Wordpress as the backend of choice so the Tactic Apps team only have to build out the frontend.

The WFH Lister team wanted to make some changes in scope half way through the project.
plus

Making changes during a project is a common request and something that is welcomed by the Tactic Apps team. However, it is often a difficult decision because the change will either cause the removal of another iteration or a change in time, budget or both.

In particular, the WFH Lister team realized they needed an admin panel at launch to manage all their users. This was a problem as it required a full 2 week iteration cycle.

To avoid impacting the current release schedule's time and budget, the Tactic Apps and WFH Lister teams decided to develop the admin panel directly after release. This allowed WFH Lister to launch on time and gather more budget to develop the admin panel with minimal impact.

3 Months into the project, Tactic Apps' backend developer fell ill and had to go on sick leave.
plus

In web development it can be catastrophic to project deadlines when a key member of the development team is forced to exit a project. Their replacement needs to get up to speed in hours, not days.

At Tactic Apps we pride ourselves on the custom Agile framework we've built. It not only helps our customers stay on time and budget, but also helps our team when these types of problems arise.

Thanks to our end to end, fully tested iterations, our new backend developer was able to plug right in and was up to speed in a couple of hours. This kept the WFH Lister project on track.

The WFH Lister team decided last minute to change the deployment from Docker+AWS to Heroku.
plus

A day before release, the WFH Lister team asked us if it was possible to move the deployment from Docker+AWS to Heroku due to potential cost savings within their first year of business.

The Tactic Apps team strategized internally and came to the conclusion that this was possible. Our team worked late into the night and pulled this off just in time for release.

Case study challenges

Project Results

With all iterations completed, we produced a web application{" "} that WFH Lister can be proud of. Below you'll see the effort it took and the consequent results.

Team & Effort
users
3
Developers
credit
145
Hourly
calendar
6
Months

Let's build your Web Application Together

Fill in the form below and tell us about your project. Feel free to attach your NDA or any supporting documentation. We’ll get back to you within 24 hours.

phone

+1 346-268-7886

Don't hesitate to contact us.

mail

info@tacticapps.com

Please complete the form or email us directly.

location-pin

Headquarter Location

Houston, TX
77433, USA

Tactic Apps Logo
Tactic Apps

We bring your vision to life by developing modern web and mobile applications focused on the end user experience.

© All rights reserved. 2022 TacticApps.com
Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
USA

Contact Us
phone

+1 346-268-7886

mail
location-pin

Houston, TX
77433, USA

© All rights reserved. 2022 TacticApps.com