 Good morning. Good afternoon. Good evening. Wherever you're hailing from welcome to redhead live streaming I'm joined by some of my friends here at IBM or here There wherever they are in IBM But today we're talking about Call for Code for Racial Justice and the truth of truth loop project I swear I cannot say that right the first time for some reason. That's my tongue is too big for my mouth or something So sorry So I'm Chris short host of redhead live streaming Sabine. You are? Yeah, the product manager for call for code for racial justice Which encompasses seven projects and I'm truth loop being one of them Yeah, so I can pick up from here Chris if Feel free awesome. Yeah, so I have amazing folks joining on the call today Primarily and really only the truth loop team Who actually were the? Kind of founding team members to help build up the solution from inception to what is going to be Well, actually what is available in the open-source space today? So I'm just gonna give you a little bit of context around, you know Call for Code for Racial Justice if this is the first time that you're watching with us and then you're going to lead into some conversations and Displays from the truth loop team on the solution So context around call for code for racial justice It is a project that lives under David Clark cause and well call for code lives under David Clark cause and IBM really supports as a technical partner In that respect and so call for code for racial justice started back in June of last year Due to the murders of George Floyd a lot of re many others that we know have died at the hands of you know excessive policing and police violence And so with that as the inspiration for call for code for racial justice We've really identified three pillars that we wanted to develop open-source projects around That can speak to more of the systemic inequities that exist within our society at this point And not really to solve for it But to address the different ways in which technology can play a role in a strong part So you have policy and legislation reform. We have diverse representation and we have police digital form and accountability And truth loop falls within policy and legislation reform and again, just giving you a Timeline of you know where we were and again, you know to update this to like where we are now We would need a much longer line or even maybe smaller points On this this timeline to say that we've made so much progress with the teams We've had so much feedback from the community of experts who are able to validate where truth loop is going But also being able to recognize that as an open-source project We really were using building blocks that would be available to all In order for them to you know, but out their own instance of truth loop and eventually be able to adopt this as their ways of working Just you know giving some context again all of these teams Have presented what truth loop being the last one in this mini series So you are able to hear from you know fair change in this application that allows you To record, you know police incidents primarily for resource research and education purposes to Take two where you're able to detect bias in Text media and you know opportunities for AI and machine learning growth there You know from five fifths photo or two who also is focused on being you know one stop shop for Want to understand their voting rights and So just giving you know quick overview on that's what you know our current solutions look like but right now We are going to focus and hone in specifically on truth loop And I'm going to hand this over to Sharon who is the a product lead for truth loop and Just tell me when to move to the next slide Sharon Sure, we'll do. Thank you Sabine and hi everyone. Thank you so much for joining us today So as Sabine mentioned, my name is Sharon. I'm Sharon Osson and I'm currently a strategy consultant within IBM's global business solutions But on the corporate code project and for truth loop. I'm the product manager And and I'm joined today by and some of my other team members We've got Frank who's our kind of data SME We've got mark who's one of our developers and we've got Henry who is One of our developer advocates and so in essence who we are is truth loop is just a Group of developers of user research UX designers and SMEs Who yeah got together to want to yeah try and tackle one of the problems within the policy and legislation areas and So I think in terms of why we got involved, I think there are probably two key reasons we all got involved The first one is in essence that you know, we just want to do what we can to help. This is a huge huge enormous problem that need solving and you know my my opinion on it is that every little thing that we each do individually can very much add up to you know move this problem along and Yeah, we should yeah It's just an opportunity for us all to do something or contribute towards ending racial injustice And I think the second reason some of us got involved was also just the opportunity to Very much expand our skill set. So as mentioned in my day job on the strategy consultant but Uncool for code. I got to be a product manager, which is an area that I've been really really keen to get into and Definitely gave me the opportunity to explore that and I think the same is true for especially some of our developers who Needed extra experience, you know and the hand real life hands on experience developing You know both back-end and front-end code for the solution So that's a little bit about us and why we got involved and so now be great to just jump into truth loop itself So in essence, we were trying to tackle two main problem statements the first is that Concerned and impacted residents of a country, which is pretty much any one of us don't have a straightforward way of knowing which policies and and Legislative legislation could affect them and how they might be impacted by them and finally they don't know what they can do in response and Then on the other side we also have residents, but particularly lawmakers who Struggle to identify Implicit bias within policies that have, you know, either currently in existence or are being proposed And that makes it really difficult to assess any potential negative impacts that this could have on policies So, you know to sum up I guess the problem we're trying to solve it's it's that Many residents don't know how a policy will affect them and sometimes neither do policy makers Next slide, please So in order to tackle this we obviously had to try and learn more about the problem space and also learn more about our potential future users and So we did a bunch of user research And in essence what we wanted to know is first of all, how do people currently learn about government? policies and legislation and the second thing we wanted to know is What type of content would drive their learning? What are they curious about? What's gonna get them excited about learning more about legislation and So what we did is we conducted a survey to capture feedback On people's opinions feelings and experiences with learning about legislation Next slide please So what we learned I think we had three Main sort of insights that we gained the first was that people learn about legislation through the news And then also social media in essence, and I think we've been probably all very much relate to that And Yeah, that this is how we learn about lots of things really in life, you know, especially legislation and then the second thing we Discovered was that learning about the impact that a piece of legislation could have on someone was Was identified as the most important Sort of information to learn about for users and And then we also wanted to Kind of pinpoint maybe a few Topics that people would be most interested in learning about Especially because that's kind of how we you know started thinking about you know what to Populate the solution with what exactly to and what kind of information to give people access to and so What surface was that people cared very much about civil rights and liberties? Health and education and so they saw the top three policy issues that were identified and I have a question Sharon You all kind of reviewed, you know this survey was anything really surprising to you when it came back and you were able to even see You know some of the top policy issues that they wanted to focus on or any other insights So I think what was surprising to me well explain why the other two weren't so it wasn't surprising to me that People Wanted to I guess learn about civil rights health education because those are all very relevant and Sort of routine parts of our lives It did actually in some ways Surprised me that people learned about legislation on social media just because and I Kind of think I don't I don't see social media is like The place to learn about things like that, you know, it's more like fun entertainment fashion I mean I do follow like tech and science accounts and I suppose that there are You know, it's true that there are accounts Advocacy accounts and people I guess lobbying for legislation, but it's just because that's not necessarily how I used it Especially not until the murder of George Floyd, which then you know social media was really put to very very good use there Until then I hadn't really come across too much legislative content on there. So that in a way surprised me But that's just me. I don't know if anybody else in the team has anything to add to that But yeah, and actually I'd say one more thing, you know, it made sense to me that impact would be the most important thing about Learning, you know learning about legislation because I guess that's the way in which it's relevant To you But it was nice I guess to have people really like be able to define and crystallize that for themselves and say yeah, actually if I knew how Something impacted me then I might be more engaged So I guess what was surprising was also people's awareness of their interaction with legislation, especially when they're not Usually, you know, when they don't usually interact with it. So Yeah Yep, happy to move on Cool, so based on the research, but also loads and loads of design thinking sessions we Came up who will fleshed out two main personas the first is read just any Regular person politically non-survy resident of a country who doesn't know how to go about educating themselves when it comes to legislation and They also are not sure how to engage really and what they can do to Impact, you know, what what what they can do to impact policies, but also how policies impact them And so I mentioned earlier a few of the user research Insights that we gathered there, but then we also conducted lots of interviews with Lobbyists and people who are involved in the policymaking process people who engage with government officials who suppose push You know push for certain legislation to be Implemented and so to define that persona. We've got the policymaker on the right and The policymaker is interested in local issues and impact They want positive outcomes for their constituents, and they're also interested naturally in re-election I think something interesting we found there is that they're influenced by Personal relationships and experiences media coverage issues make media coverage of issues and their staff and Some of the key user research insights we gathered were that They are very keen to connect and get engaged with constituents They are compelled by personal stories and of course they don't have a lot of time Next slide so based on that you synthesized all of that information came up with some ideas and Yeah, that's how truth you were spawned and And so in essence truth food is an application that allows users to Explore current and proposed Legislation and we want to make sure that we're doing that in a bite-sized Jug and free format. That's really easy to digest to help them to increase their legal awareness and The second aspect of the solution is that it allows users to share their personal stories of how Legislation has impacted them and They can do that by recording short videos in which they can describe their experience This can then be shared with you know other people and also policy makers Next slide please and so the outcome that we hope this will have is You know one for the members members of the black community specifically We want them to be able to understand the specific impact of proposed legislation on them without having to be legal experts And again, we want them to share their opinions so that they can share their opinions and personal stories so that they can influence some of the Policy decisions before they're finalized and then for policy makers As well as allies of the black community and other residents and You want to with our solution hopefully give them visibility into how the black community Will be impacted by proposed policy and Then just a touch on the last group very quickly, you know There are of course advocacy groups as well that we hope will use our solution to I Guess advocate on behalf of the black community In essence, I'll let I'll let Frank talk a little bit more about that in a moment But yeah in essence, we just want to give people visibility into the daily challenges of the black community and just create this feedback loop between Residents and policy makers to you know get to a stage where we're creating progressive policies together So yeah with that, I'll just hand over to Frank to talk a little bit more about the advocacy group side of things Yes, thank you. Oh, sorry. Oh, yeah, sorry. You're right. Yeah, go ahead Thank you very much Sharon and yes, I'm touching on the advocacy group and allies I think what's been fascinating about the developments over the past 18 months since you know the Untimely death death of George Floyd is that there was a really significant Amount of support across all communities people from all walks of life and that was even commented upon by Many people in the black community and I think that's one of the big changes because I think people, you know Are aware of constitutional principles of equality and lawful the principles of being treated equally But I think people were in advocacy groups and allies were we're standing up saying, you know The the systems have to change whether it's policing whatever the infrastructures are that have previously let us down I mean people from all walks of life have been very loud in and advocating for this change And I think that's been one of the if there's any modest pot as positives coming out of this I think it's one of those and You know sort of earth-shattering moments when the world really is changing because I'm based in the United Kingdom As is Sharon and as is Henry on this call and you know, this is a massive issue here And there have been marches across Westminster Bridge to the to Parliament Square Standing in front of parliamentarians with shirts that say black lives matter from people who are you know from all walks of life So this is a global phenomenon that I think is reaching all four corners of the globe and really all walks of life And I just wanted to make make that clear because I think we understand that but you know in the in what truth loop can achieve and Can assist that ambition Awesome Thanks so much for that Frank and Sharon today also kind of you know emphasize really how a lot of thought leadership and Validation went into the approach and the scope of truth loop wanted to also talk about how We were really intentional about getting you know feedback from you know lobbyists like you know shared mentioned as well as you know other People who are in that that subject matter expertise space and so they even you know engaged around Design thinking workshop over two days Sat down with the team for able to you know understand like what the intent was for the solution opportunities for the future And again, I think that really lends itself to this being community oriented And allowing people to use their skill set wherever it is to inform on what could be different opportunities for them to Engage so it looks like you know having Someone who typically wasn't a product manager Step into that role and really lead this work With a lot of finesse and a lot of you know expertise that I think was really innate to you know Sharon's ability As well as you know the subject matter experts who are in the room who maybe didn't understand Technology all too much but understood their line of work enough to Inform how we could you know be able to move forward or different ideas that we could explore So just what we wanted to to hone on that Because again, this is really focused on how do we get this code from you know get hub into the community? So whether they can get their hands on it and start using this actively and With that I'm going to hand it over to them not to demo To Sharon to go ahead and demonstrate Truthfully and how it could be used Okay, can thanks have been everyone see my screen. Okay. Yes cool, and so this is Yeah What truth you've looks like at the minute in terms of like the first kind of screen that you see you can either kind of explore policies or Tap into my test of well testimonials which Are the name that we're giving the short videos through which people can kind of share their experiences So so many clicks on explore Yeah, our landing page here presents the user with I Guess the the ability to kind of just Say where you're located to get policies that are relevant to your area as well as any Categories, you know being able to select and from categories that they're interested in and Then you know the rich will then return like a list of policies that kind of Well, you know with the location and category filters applied or They also have the option down here to just Scroll through a list of categories that they can explore But I'll just with this demo demonstrate the option to search for policies at the top here So you can select a couple locations and categories and then search and Then the search results return the relevant policies here as well as relevant video testimonials of users telling their stories further down here And so when you use the clicks on the policy They can see the policy summary here as well as some additional details at the bottom to do with You know the policy sponsors who came up with them as well as kind of discovering a couple of related policies Nope and then finally if you know user feels So they understand this and they've actually been impacted in a similar way or in some way by this By this the policy they can either choose to tell their story and record a video or they can look at people's you know other people's testimonials and Yeah, clicking on that testimonial tabs that leads the user to this We hope very intuitive series of videos that they can swipe through kind of like an on Instagram story format and Then underneath the video you can see the policies associated with the testimonial and Any relevant advocacy groups that users can get involved in and again the prompt here to go off and record their story If they if they want to do that Yeah, very quick demo of what we're aiming for perfect Go ahead and reshare my screen So now we're gonna go a little bit actually do you want to share your screen mark just because I know you're gonna end up leading a Few more points around those technology But I'm happy to also, you know keep my screen up Go ahead keep your screen up until you hand it over to me. I guess Yep. All right. So handing it over to you now. Okay Then in that case All right, I'll talk to this and then I'll share my screen Okay So first of all, how did I get involved in this? I I guess I thought I might as well volunteer What I'm doing here, you know, I I'm a developer I've never been That great about you know raising my voice and even getting out and volunteering as much as I should But in this case, you know, I've always thought the causes are great and call for code So I contributed just a little bit of my time on another project that we didn't continue with And then I was asked to come in and help put together this solution After the initial team had their their story and their design figured out And you know, I wanted to volunteer that because I think probably there are a lot of developers out there like me where we're we're not necessarily great at using our voice and standing up for what we want to stand up for But something we can do a lot of is we can contribute code and put these things together and and build a solution So I was really grateful. I got a chance to do that But also working with this team they're very inspiring every time I got together and talked to them because they're really motivated and really care and I was Really glad to lend my skills to help put this together So what we did put together is um shown here in the technology architecture Let me see hopefully my pointer works a little bit So if you look over If you look at this what Sharon showed is sort of from the left point of view You use the app to run the solution I tend to look at it from the right side from right to left First of all, we needed a database To store all these things that we're tracking the legislation the advocacy groups the officials What location was does it affect all those things that are relevant that you might filter on? And in particular, that's where the summaries go in. So the idea here is We're not just pulling maybe a policy out of a site, but it's it's being put into plain plain language that people will understand So it's very much a database application The Node.js application There's an express app that serves that up and provides endpoints Where we can populate that database store those videos And serve everything up that the app needs to do its work Now we can run this on IBM cloud, but we could also run it on open shift on any cloud And we provided some instructions to do that I think most of our instructions make it easiest to go with the IBM cloud but Postgres database is open source and you can run it anywhere And our Node.js server you would typically run it on your laptop if you're a developer So you can get this up and running pretty easily For the video storage we started out with Watson media So You have a production ready Store to to keep those videos one of the things we're very anxious to do is Have a very simple file storage or open source You know content manager hold that for us so we could use some help there Ultimately in production if anybody wants to use a different video storage or even a different database It's something us developers can make happen But we're looking for guidance there on where to invest And the last part of the picture then over on the left is The application so we're using a web app. So it should look great on a phone It should look great on your desktop browser We started with Vue.js to build our app, but we've already Built a react version of that which is Pretty much ready for us to make this switch over to reactjs And the migration to react. I think the main thing there is we wanted to get more developers involved and right now if developers want to Help us out with react or if they're interested in learning react. We've got some developers helping us right now that can help Show you how to do that and how to do that the right way with with testing With the design with the layout of the react app So let me switch over. I can show you the code and where it lives and How we put these things together Okay, I should be sharing my screen now. Yep So the truth loop tutorial is here on developer.ibm.com under tutorials truth loop And this is where we publish the page And you'll see a lot of what we've talked about as far as why it's here and how you can go through and run this on your own The architecture diagram is what I just showed you But behind this tutorial is also a public github repo So i'll switch over to that Right now So this is where the code lives and you know external developers can join in and contribute um So i'll walk through the code in a minute the first I thought I'd show you that we have issues. We have plenty of work Here Some of it's been tagged for hacktoberfest, which I think we'll talk about a little bit later um, some of it if you look down We've got labels for good first issue if you're looking for your first chance to contribute to an open source project um, maybe hacktoberfest, but Just to get started you can come in and look for these good first issues and for some of our bigger ideas these design thinking sessions where um as Sharon talked about earlier Some thought has gone into You know, what are our goals? What would we like to do? These have been tagged from the design thinking sessions So we have a lot of issues to work on here We have some active pull requests going on right now with the conversion to react j s I want to thank some of the contributors recently Ed and Juan in particular have contributed to that react migration So let's go ahead and look at the code and how that's laid out So if you look at our github repo first of all the read me Um, it's very much like the tutorial, but it will go through and walk you through The problem the idea the architecture and how to get started And and the video is another demo So if we get down to it You'll see as the diagram showed first thing you need is you need to set up a database And we're using Postgres right now You can follow the instructions with IBM cloud or you can Really spin up Postgres anywhere Essentially what it's telling you is at some point we need the credentials to tell the app how to connect to the database Watson media is a similar setup Again, if you're using Watson media, you'll need that that id that secret to allow the app to connect to it Running the server then is very simple So as we typically do with a an express node.js server most of our servers You use the environment to share the credentials to connect to the back end database And Watson media and typically you're running locally. We just put that in a .env file I'll show you that in a second But what the app does is it loads the .env into your environment So here we'll give you an example where you can set your username password in the .env file But if you're running on open shift, it's the same thing you want to set that in your environment Typically you'd set that in secrets to assign to your workload or sometimes config maps if they're not as It's not as secure But basically Your environment knows your credentials your environment knows where your database Excuse me is and how to connect And how to store your videos So this describes how to set that up gets you running PSQL is how we set up the database itself See if I can get through this before my voice leaves So here I'll jump back to the code to show you these scripts in a minute But we have scripts to set up the database create the tables You can even load some some dummy data Once we're running I'll show you we have a server directory where you run the server It's typical node.js. We just use npm start And it's up and running Through the server you can get at really three things one There's the rest api and we have a swagger implementation so you can see the whole api and all the endpoints and exercise them A second thing is there's an admin ui Where if you don't want to use the rest endpoints or sql directly to feed the database with the policies and the officials and the locations We do have a ui you can use just fill in the forms for that And last but not least is the client so We can run our client as a developer But in production you can also do a static build of it and the server will Will serve up that ui so the server can run those three things And you can also split it up and make it scale if you want So i'll show you that in a second But just to complete the read me it gives you an idea what this swagger ui and all the rest endpoints look like Um, it gives you information about how as a developer you would configure and run the client So you can run this client And and we even have a way you can run it standalone with mock data So as a developer you can go through And if you're just tweaking The ui presentation of this you you don't need the whole database the back end etc But at some point you'll want to put it together. So i'll show you that in a second And we even have some instructions So if you're not up and running on ibm cloud or with an open shift cluster We can help you get it running on docker And with a just an open source postgres database that can run on docker as well So you'll find more information here about how to contribute But like I said, it's an open source project It should be pretty much What you're used to if you're an open source at all So i'll walk you through the code a little bit just doing a time check And um, also if Henry if you wanted to add anything to the overview you can jump in You know why you're getting the code set up? I mean, I just want to echo what you said earlier actually which is um You know, you know, you know many developers know feel, you know We'll want to get engaged, but it's not obvious often how Um, you know with with it with it, you know the advent of the technology we have available You know the build pipelines the code the open source It's now really easy to really have an impact And I think we all felt that as part of this project and the other call for code projects we've been involved with And and it really is remarkable how quickly you can feel yourself You know really having an impact on a problem like this So I mean that's my that's my my pitch if you'd like to other developers are getting involved is that you know If you feel motivated by this and you have developer skills or or or the other technology skills you need You write you act design or Whatever happens to be or documentation and so forth then you know the open source route You know, you know, you know, especially if we power this on open shift so you can you know It has a great reach across in almost any cloud Um, then this is really is a great way to get involved and so and we all felt that as part of this project And I would encourage others to do the same Yes, exactly because I was very inspired working on this and It's gratifying as well. Not only Do I get to feel like I'm contributing a great cause when The people that design this give me their stories about why they're doing it Um, but they also really appreciate if when they're not coders We come in and throw some code together and they think we're doing the magic part We're really not, you know, I tell them this part's simple. You give us a good vision It's a simple matter of coding Um, but it's it's still they're grateful and it makes me feel very good. I could lend to the cause um So if we want to look at what we've built here, this is the picture, uh, the high level picture of the database so We have this legislative artifacts whatever policies or things we're talking about And if if you saw in the demo, you probably noticed they're tied to I'm looking here the officials were these legislators who sponsored it Who's backing it what adv advocacy groups? Oops, sorry clicked Real what advocacy groups are um are backing it Uh, what's the status of it? Is it proposed? Is it passed? Categories for filtering this geospatial definition is a location is it is policy that applies to a state a county a country So this is the database as it's at a high level More specifically when we look at the data model It gets a little more complicated. Basically, there are a lot of these links here Because this legislation Is in one or more categories and the categories affect one or more piece of legislation So the most of these are because of many to many relationships But you'll see the database it spreads out a little bit But then when we start working with it, um, most of these are fairly simple to to deal with So if I go back to the code So I went into the server directory if I didn't mention that And this is where we do have a simple express server a server j s and an app j s It spins up the server and what the server does is it provides routes So we have a route directory and these are the rest endpoints for example Advocacy groups We need endpoints to get the advocacy advocacy groups We need an endpoint to post But you can get a specific one or all of them you can post when you're creating a new one You can do a put when you're updating it. So this is your basic endpoint for create read update delete of an entity So we have a bunch of these For all these entities that we care about officials advocacy groups legislative artifacts and then also the links that tie them together If we look at the database, you'll see then something very similar We've implemented the database That backs up these routes So if you're doing the get and the put the create read update delete of abyss groups Well, this is how we tie it to the database They go in and we do these select We do the inserts. We do the updates. So we have these for all these entities So you end up with a an application that has rest endpoints is backed by a database and Most of that is fairly simple to work on And what we end up implementing is one the database I just showed you but the other is the the rest endpoints to access these So the server provides those endpoints and this is swagger Which is a great tool because it exposes all all these endpoints Where I showed you we have advocacy groups. You can get them all or you can get a specific one Sorry about the scrolling. Sometimes that looks bad You can get a specific one by hitting this endpoint with a specific id You can post a new one. You can update an existing one And the way swagger works is you can actually Execute these right here in the ui one itself documenting, but it's also a tool you can use You can use postman. You can write code in pretty much any language to use these endpoints So this is really the the bulk of what the server does um, and then also some of that uh feeding videos to what's immediate which I wasn't really prepared to show but And and people um, yeah people watching have noticed we used, you know inline swagger documentation to to You know to get this populated. So when mark was showing the code earlier, you've seen the comment block ahead of each endpoint Which is how this gets generated So there isn't a separate swagger document that you have to keep up to date. Um, which we think is good practice Yep, so it's really great. It's it's kind of self documenting code in that way um this describes Create an endpoint to get advocacy groups and and it's self documenting as well Uh, it's integrated with post-press. We could certainly open that up to make it work with multiple databases Um, if we found the need So that was that's the main thing. Oh, yeah the other thing in the database. So um I mentioned, you know, how the Node.js code works with the database and provides the routes um I probably should have in the order showed we also have the database setup here um, and the way we do that is We have sql like This is the sql This is the simple one If you don't already have a database that you're using to create a database Using this basically variable for database name We have the more interesting one Sorry That's what I thought I clicked on the more interesting one that creates all the tables with all the um constraints and integrity needed to tie these entities together And we've provided scripts So if you want to just Connect to your database and create these I think this is the simple one You might already have a database, but the simple one is this script will just read in your environment Your dot env to have that username password find your database and connect Use those environment variables to connect to it run psql and pass in that database name And this was that file we just looked at this has created a database by that name Similarly if you want to create all the tables Just a simple script says here's how we're going to connect with our secrets connect to the database and run all that sql that creates all those tables with all that referential integrity So I think Oh, yeah, so on the server side, that's pretty much covers it We've got our database. We can create it. We've got routes. You can access it via rest The other thing I should jump back and show you is the client So if I go up a level. Oh, they're they're Really the three different clients right now Under the server if you want to use the admin UI that lives here under server admin and this is Zoom gets in my way here But we do have a currently of ujs admin UI where you can you can add Advocacy groups you fill out the form and add it you can List I don't have any right now, but it's a table where you can search edit delete list All the different entities we care about And I'm pretty sure we're going to convert this actually we already started converting this to reactjs So we've got a lot of good work to do there if you want to get your hands in on reactjs development And the client the one we really demoed that end users all care about is The view js one currently lives here Under the client directory And see we have mock data We've got the source. It's your typical view js client So you just run that as a developer. You can do npm run serve To build it for production. You can build it and then we commit that so the server will run that version and of course lint um, but we've converted to react I hope i'm not scrolling too much. I know sometimes that You have low bandwidth. It's going to look terrible Um, it looks like we've done the same thing now under react client and we'll be probably Moving that shortly so that the react client is our main one Um, but here you see we have a very similar thing. We've done some good design work around how to do it with redux um with components With good separation and testing But again, it's a no js project run npm start You can build the static version the server will build it Uh, we'll we'll we'll serve that up And Basically, it's got its source. It's got its public directory. It looks like um, your normal react product with the components and its own routes And uh store so This you can develop on your own as a front end developer, but Like I said, we can connect it to the server the database you can do the full stack as well And I think that probably Pretty much completes the amount of time I should be talking about this I hope I showed you enough to to know you can jump in and contribute here Front and back and full stack. Um, we definitely have a lot of issues to work on and things to complete that vision Awesome. Yeah, I think that I mean you covered a lot And I think that especially for this audience being able to give them a breadth of opportunities to understand where they can get involved You know, the current setup is you know, equally as important as you know Talking about the background and how the design framework that we put in place. So Um, definitely welcomed you talking through this way better than I could All right, so I will go ahead and grab the screwing back and talk, um Actually just handing this back over to frank. I believe to again talk a little bit more in depth around You know, how PI was really Absorbed as something to really protect and then you know the approach that truth loop wanted In this case Yes, thank you very much to be and I really just wanted to provide a what we call a data map so that you know Anyone who wants to get involved understands that we've addressed How personal information? You know would be managed within truth loop and that we understand the sources Of the PI and the entry points into the system And then ultimately where it's going to be stored and mark touched on that, you know, could be an IBM cloud doesn't have to be Um, it could be IBM Watson as well And then who has access to the personal information this possibly legislators and policy makers Officials advocacy groups the data subjects themselves may want to be looking at things, uh as well as media social media and Some IBM admin. Um, we provide some examples of the personal information So it'd be, you know, the name or pseudonyms possibly an email addressed in some other Images such as photo photograph or video images or social media account and even metadata And that we're addressing like for example where the storage would be, you know One of the things that we have to all be mindful of is that, you know, the follow the follow the sun approach So if it isn't a cloud it may be in a variety of different places around the world And that we have addressed that and you know, we'd be working with our partners to make certain that You know, privacy notices are issued and that we know where the data is being stored and that we're dealing with all Of the various privacy, you know, obligations, whether they be in north america or externally So just wanted to highlight that without going into too much detail that we've done a lot of work In considering the PI Issues with truth loop and you know, we're very much on top of that and still as you can see with things highlighted in yellow Within this particular map that there were there are still issues that we would Have to determine with our partners But you know, we're you know, very much looking forward to doing that is making certain that you know If somebody wants to use the truth loop App that they're going to do so, you know lawfully regarding their personal information being used absolutely Awesome. Thanks so much Frank Mark, did you want to cover this? I know that I'm sure I also have to you know step away shortly But I'm just talking about I mean you talked a little bit to the work that is currently available for people to get involved with that even Some progress that we've made it in the project itself Sure. Um Yeah, so so we we have the working back end. We have the working front end We've been finding some things During the migration where uh as the components were built separately Uh, we we weren't always connecting everything as much as we wanted to but most of what was demoed has been built um We're definitely been trying to work on that Making it easier to upload a video Making sure that is fully functional, but also Uh, we'd like to be able to plug in easier way Places to store videos if you don't have access to whatsapp media um We proposed using all the databases. I don't know if we're going to continue with that um But one of the biggest things we have right now is the conversion to react Which I think has been very successful in getting more people involved and a great learning opportunity and how to use react and use it the right way Um with test driven development as well um And then we we've talked about how people will upload the legislation Whether they want to use our admin ui going forward. We can do more design thinking on that as well Um, or whether they'll feed it directly with rest endpoints or database scripts So you can view the legislative artifacts Set them up. Um, you can post you can record your own videos. Um, we have work to do on sharing the videos um I think we want to document better probably how to deploy this on open shift I'd have I have to double check that Um, but it's certainly set up and we were doing that in the past so we have work to do there and um I think in particular there are the easier tasks that we've highlighted for people that want to get started and contribute But the design thinking Has more ideas that we have not pursued as far as is the language simple enough What's the sentiment behind it? Should we be Dealing with comments and evaluating them and things like that Um, so there are a lot of bigger ideas and smaller ideas as well out there on our issues lists Awesome, and I think that we have some um, questions Uh, yes, folks watching. So, um I'm trying to go scroll back up here. Let's see Okay, has there been Any major challenges in migrating to react? I would say no. It's gone really well. So I think one of the great things about migrating to react. Um I have nothing against vue.js. This was my second vue.js project and it's it's new and it's interesting um I think the main benefit was to get more people involved We moved to react and that was very successful Because we have a developer that's really taken the lead there And is not only getting a lot of work done and very involved But is helping us do it the right way. So I've done a little react as well but Learning how to do it the right ways as a benefit to me And we're also guiding newer developers who are coming in and trying to help And set that up not only get the react conversion working But then looking at it and saying well, we really should separate it so that this part of the code Works only with the redux store or only the via routes and isn't you know Doing the uh kind of the amateur way of accessing other parts of the code that it shouldn't So we're getting some great Help there and doing it and doing it the right way nice um What kind of support kind of newbie get if they're interested in joining the project Which reminds me I need to drop that link in chat So first of all, I think what I just mentioned if you're going to help on the react conversion We have a developer um A volunteer who's coming in and helping and he's willing to do um Like some pair programming sharing screens Helping people get started So that he doesn't write All that migration himself, but is there to help mentor people that want to do it um I feel a little uncomfortable volunteering him to do that, but he's volunteered himself So hopefully that's going to work out great and good opportunity for someone that wants to join Um, I can help with that as well. I'm not as good at the Doing react the right way. I just kind of make things work But on the database and on the server and I'm I'm quite familiar with a lot of that So when it comes to putting things together And explaining why things might not be where you think they are I can go help debug and and Show you How to do it how to get it running And it's also helpful. Um, like in the github we actually mark where some good first issues For someone to get started with, you know That can be either if you just want to get started with the project Or if you want to be able to develop your skill set being able to, you know, kind of filter based on those tags Can be a start, but then we're also going to talk a little bit about october fest Which is really again aimed at getting developers with all sorts of skill sets being able to support these projects And we have an active community like demis and their boob cars and they're and they know the rest of the team here So if you're having, you know, any critical issues You can find help from, you know, the team, you know the resident team But then the open source community who again may not be working on something explicitly But can again help you debug and and understand a path forward And if you're brand new to open source, you really should learn get which is a hurdle. It's not intuitive But everyone uses it And I would say you really shouldn't come to us and say teach me get But after you've learned you've taken the intros and you kind of feel like you're ready to get started Uh people on this project can definitely help you. It's going to be your first pr your first fork You might get lost and and we can help you with that So pick an easy thing to do and uh, and we can help you through it nice awesome That's it for questions. I think I dropped the link and Anything else to me? um, yeah, so I know that we also talked to You know, we were kind of coming back to You know the ways that you can get involved and I think we just answered a few questions, especially on how you can get started And even going through, you know, some of the current issues that are open In short-term goals long-term goals other ways for you to get involved if maybe you're not as technical Or if there's something that you may not feel as confident in we have a range of ways for you to get involved And I really do want to I know that we're kind of winding down on time, but You know, again access the github connect to the link that Chris just dropped in the chat so you can see, you know, how to get started with github and Being able to see what the project is about and being able to see, you know, where you want to actually get started and to that Effect we have a way you can get started right now today So hacktoberfest is one of the largest kind of open source Hacking events that happen In the month of october So we've partnered with hacktoberfest to invite developers from around the world To devote their time and skill set to some of the projects that we believe could be great starts for them Could use, you know, a little bit of extra expertise or if people want to challenge themselves Their opportunities for them to be able to do that through participating in hacktoberfest And we are kicking this off On october 6th that 5 p.m. Eastern time you can go ahead and follow this short link ibm.biz forward slash hacktober cc And understand how you can get involved not just in This project a truth loop But how you can expand your skill set and your opportunities around all of the cough or superficial justice solutions Um, so just keeping this up a little bit more so you can you know get that That link there and really welcome. Oh, perfect So you can go ahead and register prepared to to engage there We'll also be available, you know in our external community, which is you know slack to answer questions So you can always at me you can add demi The new park here as well as you know, they're the the team on this call to help you through any processes or difficulties That you're going through we're hope to we're here to be unblockers Nice. And so yeah, that's what I wanted to say. I wanted to say thank you so much To the team who was here on the call We did have one extra announced just to talk about you know again We talk about Code to community and being able to give people access to our technology and we are you know actually Announcing today that five fifths voter Was announced as a collaborator with ymc of metropolitan la so that they can get some Assistance with marginalized people being able to access Their ability and their rights to vote So just announced that super excited and we know that truth loop is you know really being fortified So that I can support efforts like this and we know that the work that ymc is doing is really in parallel also with You know policy and legislation so there's just all tons of opportunity for growth there and i'm really excited to to see How this project has evolved And those are all of the things thanks so much to the team. I didn't know if they had any parting words before We close out the call Come get involved those words And you learn you learn a bunch of stuff and and it will be for great cause so come yeah Yeah, and I would just add that some of the most extraordinary people that I've had the privilege of working with In my entire life have been on call for code And some of the most talented people have said one thing to me over and over again Why we're doing this is we really are going to change the world Exactly Love it. That's awesome. All right. Thanks so much chris. Thank you all. Thank you everybody for joining Stay tuned for redhead advanced cluster management presents coming up next Thank you again. Sabine demi everybody. Appreciate all the work you've been doing. This has been a great mini series Thank you so much. All right everyone take care All right. Bye. Cheers. Bye. Bye