 So, up next we will have a team's mud rescue. Good evening everyone, so today I'm going to present on the mud rescue project, which is an adoption management system. So firstly, I'm Jeanette and in my team we have Ashley. Novi can't be here because of personal reasons and Gabe is our coach and he's awesome. And we have Jaya who is our user experience consultant. So firstly, what is mud rescue? As it name suggests, it is a dog rescue group. Why do we need mud rescue when we have SPCA and other animal welfare organisations? That's because there's too many dogs and too little assistants. And do you know what happens when there are too many dogs? These dogs get put to sleep. So what mud rescue aims to do is that they aim to help save one life at a time. And how do they do that? Firstly, it's true rescue. So they get in form of cases of dogs that are stray, abandoned, abused and they take them into their facility. At their facility, they aim to rehabilitate them. And they bring them to the vet, they feed them, they teach them basic commands. And for some dogs, because they have some trauma, they have to be taught how to handle human contact. And after they have adjusted and once they are ready for adoption, you put them up to re-home them, to find them new homes, new owners, people who can give them unconditional love. So mud rescue is in need of an adoption management system. Because as the quicker the dogs get adopted, the more dogs they can take in. And then more dogs get a chance at life. And how do they do that currently? So Facebook is great. I'm not saying this because we're at Facebook. But firstly, it gives them quite a new organisation. So it gives them a platform to reach out to public quite easily. So people can like their page, you can share their posts. And what they do on their website is that they update status with the current dogs that they have for adoption and give them some details. But because it's a status update, so as they update more and more posts, some of dogs that are going to be put up for adoption, you can't really see them at one glance. So if you're looking for a dog and you say like, okay, I'm going to adopt a dog, but you go to their website and you have to scroll through all the posts, read all their comments and say, oh, I really like this dog. Oh, Nacho is really cute. I want to adopt him. But how do I do that? So you have to send a private message. And this is not a very efficient way of getting people to know about mud rescue. You can't really find out the details about the dogs. Sometimes we have a lot of the same questions, what does mud rescue do? What's HDB approvals? These are a lot of information that they have to keep regurgitating. So what we have is that tag ladies come to play. Literally. So we went down to mud rescue. Well, these are okay. That's not just what we only did. Of course, we play with the dogs and they're really cute. If you are looking for unconditional love, you can adopt. Don't buy. But really, I'm here to talk about our adoption management system. And these are the tools that we use. So Ruby and Rails is our language. And we communicate through Slack Trello. We use GitHub for version control, HTML, CSS, Bootstrap to put makeup on. For our website and hosted on Heroku. And we use file stack to host the pictures. So this is what we have. This is our public website. So this is where you can find out more about mud rescue. About mud rescue, how you can contact them. And how you can volunteer. So these are all the information that's embedded in their Facebook page, which can be easily seen in the public website. Most importantly, in one shot, you can see which are the dogs that are available for adoption. So we have Nacho from the Facebook page. So now you can see that all the dogs that they have currently. And some people have very specific criteria. Like if you stay in a HDB flat or you say you only want to look for female dogs. I don't know why, but specifically some people want that. And also you say I want to look for a puppy. So you can actually filter and find out the dogs that feed your criteria. When you click through, through the dog photo, you can see more pictures and as well as the information about the dog. So you can see like, oh, whether symptoms they put down things like the temperament and what's the health like. So you can get an idea of what you're getting into and also the expectations you have. So after that, you can contact the much rescue organizer to adopt the dog. I'll pass it on to, and also on the static pages, you also can learn how to get involved with much rescue. So you can always, if you can't adopt, you can always volunteer. If you can't volunteer, you can foster. In fact, you can donate. And so this information that much rescue would like to educate the public about. And we'll move on to the admin site to see how this information gets put out into the front end. Hey, hello. So I'm going to talk about the admin backend of the much rescue website. So this is the login page where the admin user will log in. And when the user logs in, you can see that there are six sections on the dashboard for the user to go into. So there are, there's docs, there's locations, users, people, pages and sponsorship. So just a minute, this is the most interesting part of the application, the backend, the database design. So this is an entity relationship diagram. This is a visualization of the database. At the heart of the database is a dog table where you contain all the information about dog, the gender, the name, blah, blah, blah. So everything stems from the dog table. Everything relates to the dog table. The dog has many photos and a dog can be, can be a holding, can be, a dog can be held at a location they have. My rescue actually has holding facilities to, you know, to keep, to keep the dogs. Some posters are also stored inside the location table. Then there's dog updates because the admin has to send updates to the donors, I guess, the donors and the volunteers about the dogs that are interested in. So sometimes like say Nachos is sick today, so he might need some medicine. Could you all please donate? That's a dog update. And then there's a sponsorship. People, a dog can have many sponsorships. And then the sponsorships are linked to the people. All the volunteers, fosters and donors are all stored inside the people, the table. So next, here we go. Get back to the front end. Novi, our team member, actually did most of the front end. So I'm representing her to, to present her slides. So this is the dog section where the user will log in. And then this is an overview of all the dogs. You can see that where you can take a, you can see overview of all the dogs, where you can see dogs that are adopted or looking for adoption. When you click on a dog, you can see the details of the dog. This is a very long dog show page. Basically, you can edit the details, name, colour ring, dog location. You can add photos and add basic information. And then to continue on, you can add more, you can add details about temperament, the health, the background story and a quote to show on the public facing side of the website. So this is where the user can answer updates. And there's a lot of dog. And included also is a sponsorship detail. In one single page, the admin user can see all the details of the dog without, you know, like filling through papers and notes and Excel sheets. It used to be all over the Facebook posts. Now it's all collected in one page. So this is where the user, admin user can also edit the content on the front facing page. So we can edit like say about mud rescue or the ways to volunteer. This is the editing page. You can edit like a WordPress website. Yeah, so lessons are passed this to Jeanette. Okay, so what I learned about coding is that you have to be really detailed and your attention to detail is very important. And sometimes your code has to be very precise because the computer doesn't take bullshit from you. So if you miss a comma, a bracket, double inverted commas, the computer will tell you that, sorry, I can't take that. There's a red screen in front of you and say, oh my God. So it really taught me how to be precise and to have attention to detail. For me, it was the problems I faced while doing the bootcamp was a time constraint because three weeks into the bootcamp, I joined Tinkerbox as an intern. I had to learn Ruby and Rails during the day and I had to go back and code. It was very hard because I was pretty stressed out like this, I guess. The things I learned was that don't be afraid to look stupid. Ask questions and don't be embarrassed. If you don't look stupid, you don't learn. Also, I mentioned that I'm interning at Tinkerbox. I'm actually looking for the position, I'm the lookout for the position of a junior developer. My name is Ashley. So you can just talk to me later. I'll be collecting name cards. So thanks to Alisha, Tech Ladies, and Gabe, and all the coaches. We have a present for Gabe. Thank you, Gabe. No questions? Any questions so far? So just before I get into the question, so just to repeat. So Ashley, before actually joining the Bootcamp, she started her own blog, taking down notes on what she has learned has been immensely helpful for a lot of applicants who were trying to get into the Bootcamp. And since when she just got into the Bootcamp, she's like coding like crazy. Every day, you'll see commits coming from her. And like you say week three or week four, she got an internship. Yeah, it's around there because Tech was in our coach. So Tinkerbox, I must have just gone and applied for internship. Yeah, so if anyone wants to hire, highly recommend Ashley. You have a question? Fun putting on makeup on your website. Actually, it was quite difficult because when you start designing, then in the CSS, then you realize that things like white space, margins, font size, whether you increase them by 0.8 or 0.1 actually makes a lot of difference. So a lot of the design inspiration came from looking at other websites. And also the image we wanted Mass Rescue to convey. And we had the Polaroid Stickies as kind of a portfolio for all the pictures for the docs so you can see them in one shot. Thank you. Any other questions? Okay, awesome. Thank you so much, Mass Rescue. Also just to be clear, when we went to the shelter, we were not playing with the docs. It's very serious. We're there to visit our clients. Make sure they're comfortable with us, okay?