 Hello everyone. My name is Urvashi and I'm a third year undergrad at Delhi Technological University. So I'm currently pursuing computer science and today I'm going to talk about my internship experience at Outreachy with Wiki Education Dashboard. So basically the purpose of my talk would be three topics that is what is the Wiki Education Dashboard, what is React and what is Outreachy. So I do really wish to talk about React but I saw that there has been a lot of talks already talking about React and I don't think 20 minutes are enough to cover these three itself but I want to give a really small brief about React and how to get started with it. So initially let's start with what is Wiki Education. So according to the website it says Wiki Education connects higher education to Wikipedia ensuring that the world's most red source of information is more representative, accurate and complete. So it says Wikipedia is the world's most red source of information and I truly believe it's that so because ever since I've known how to use the internet or how to Google I've known Wikipedia but how does it connect higher education with Wikipedia and it does that through the Wiki Education Dashboard which is also known as the programs and events dashboard but what is this dashboard and what does it do. So this dashboard provides a tool that helps instructors and students to share the knowledge and track their contributions. So instructors can create and manage a Wikipedia assignment and students can stay informed and learn how to edit Wikipedia. So I'm sure everybody knows about Wikipedia in this room and has anybody already contributed to Wikipedia but we all all of us have read Wikipedia or have gone to it for some kind of information or maybe doing a homework or projects. So me being an instructor suppose I am at some university and I don't want my students to copy each other's assignments and submit homework on which they have not really worked on so and I want my students to work on something which is also useful for other people and being a student I want my homework to not end up in trash by the end of the semester. So I can create suppose I take a class in history and I can create an assignment or a course on the dashboard. So this is the dashboard and these are some existing campaigns. So suppose I want my students to learn more about national women's studies association or I want them to contribute to it. So I will create a campaign and I will add some courses to them for example radical women in Latin American art. So my students would edit Wikipedia articles or they can create Wikipedia articles or they can submit any media that is images or videos or anything that they can and what this dashboard does for me is I can track the contributions. So these are the articles that have been edited under this particular course and what I can track is the number of characters added that is the sum of characters added to articles by enrolled editors between the start and end dates and these are the number of views that these articles got and this is just a quick article viewer which tells me visually what that student has edited. So right now it's loading. So yeah all the text in this lavender color is what this student contributed to yeah. So apart from Wikipedia we also know Wikipedia is not just text it's also images. So my project was to work on this tab the uploads tab. Earlier it used to look quite different from what it is right now. So I initially began with creating a gallery view of it what you can see on Google search or Flickr and after that I decided to do a user research which all of the and talk with the users who use this dashboard and ask them what they would like these the dashboard to do and what they don't really like what the dashboard already does. So when I talked with one user he said that he hated this gallery view because it reminded him of Tumblr. So the question was what to do. Then I noticed that Flickr also has these three views which is the gallery view the list view and a card or tile view. So we so I talked with my mentor and we decided to keep all these three views. So the tile view was what it used to be earlier the list views what it used to be earlier but I also but we also added more information to the table and the tile view was a combination of the gallery view and the list view. So it also has the images we can also see the images that we want along with the text. So this dashboard currently runs in two configurations. This is the education dashboard which is mostly used by university professors and students and this is the programs and events dashboard. So suppose I really want to make an article about the Fossacea Summit this year. So I would create a program for Fossacea Summit 2019 and I can share the link with all of you to enroll into that program and add articles what happened in this summit or images that you have and I can see all the edits and all the images that have been contributed. So these are some stats. So ever since the dashboard came out in 2010 we've had about 2.8 thousand WCA education courses yeah and about 58 thousand students have worked on it and 75 thousand articles have been worked on approximately 53 million words have been added and 438 million views for all of the articles combined. Now the dashboard now coming to the development side of the dashboard the dashboard uses react on the front end and Ruby on Rails on the back end. So I worked on react mainly on the front end on the uploads tab. So what is react? React is a JavaScript library for building user interfaces. It is the V of an MVC framework the view from a model view controller framework. So the model is a data view is what you see on your screens and controller controls that data how it is presented on your screen. So when I learned react the document I am a learner who learns while coding. So I really enjoyed working on the dashboard and if I'm sure people would have heard about Code Academy. So I use that to learn a lot of things and it helps me to get a structure of how these frameworks work and documentation. So the documentation of react is excellent. So you can work or you can learn react with the documentation and by coding using Code Academy. Now how did I get this internship and how did I get a chance to work on the VK education dashboard? What is Outreachy? Outreachy provides internships to work in free and open source software for us. Outreachy internships are open to applicants around the world and you have to work remotely. You don't have to move to another place and all the interns are paid a stipend of five thousand five hundred US dollars for three months and also along with that stipend the interns also have a travel stipend up to five hundred US dollars. So that's the reason why I'm able to come here and speak because I got this travel stipend