Front-end Design for Internal Software Product (Phase 2)

Closed
Purple Lotus Technologies Ltd.
Burnaby, British Columbia, Canada
(17)
4
Project
Academic experience
120 hours per learner
Learner
Anywhere
Intermediate level

Project scope

Categories
Software development
Skills
wireframing nosql github project management react.js (javascript library) front end design user experience (ux) figma (design software) data visualization javascript (programming language)
Details

The main objective of this project is helping our team create internal visualizations using React and dynamic components to help us visualize all the data we're obtaining through our software applications.


During Phase 2, we'll be more focused on development of dynamic dashboards and measurement metrics that will be incorporated into React front-end designs. This phase is more focused on creation of larger pages and goes beyond development of singular components.


This project consists of taking UI/UX visualizations from the Figma wireframe and then creating that into dynamic, working React components using JavaScript and linking those React components to our NoSQL backend which contains a plethora of complex data we'd want to visualize for internal purposes.


The students will be involved in the following:

  • Meetings with the UI team to ensure the UI is clear and accessible
  • Detailed discussions for the project managers to ensure the software requirements are met as closely as possible
  • User interviews with the team to ensure all the data visualizations make sense
  • Creation of dynamic React components with JavaScript
  • Integration of React components into our Storybook database for us to continuously reuse the components we create during this project
  • Integration of multiple components into dynamic React pages


Deliverables

The project will feature a couple of different tasks the student will work on closely with the Purple Lotus team which involves:

  • Setting up React components with JavaScript
  • Setting up of full dashboards and pages
  • Adding React components into our storybook documentation
  • Adding additional documentation for the team to reflect on
  • Completing github tickets for specific tasks
  • Pushing code and doing version control for their relevant tasks
  • Pushing frontend code to production builds


Mentorship

Learners will receive technical mentorship from the lead engineers as well as project managers who will assist in guiding through the entire software development process. Learners will also be able to work with team members in collaborative settings and peer programming sessions to assist in development of the project.

About the company

Company
Burnaby, British Columbia, Canada
2 - 10 employees
Hospital, health, wellness & medical, It & computing

Purple Lotus is a mental wellness software company. We build tools designed to make a meaningful impact on the well being of youth.