Our students’ final projects!

23 Code Street
23 Code Street
Published in
6 min readAug 29, 2019

Check out some of our students’ final group projects and find out how they were made.

A screenshot of a game -it has a bright yellow background with red text at top saying Cyber Heroes and 8-bit characters on.
Cohort 10’s cyber safety game!

During our Web Development Course, the cohort works on a final group project, either as a big group or as two smaller ones. They are given a (pretty open) brief, a requirements sheet, and a deadline. They then go through an entire process from ideation to wireframes, to building to deployment!

It’s a chance for our students to apply their newly learnt skills, build something from scratch, work collaboratively and have some fun! Over the past three years, our cohorts have built some brilliant final projects which have seriously impressed us — and now we want to show them off!

Java Spider!

Screen shot of a game called JavaSpider. There is a big black cartoon spider on the page.
Click here to play the full game.

Ebi Osuobeni, Cohort 12
@Ebi_Osuobeni

Photo of Ebi wearing a white shirt

Our final project was called Javaspider, a web game that tested a player’s JavaScript knowledge. The game consists of a spiderweb on which our spider character navigates to catch flies. Each new fly caught triggers a series of questions about the programming language: these get more difficult as you progress through the game and catch more flies. We used a mixture of HTML, CSS and JavaScript to build it.

I really enjoyed learning how to make a responsive and interactive landing page. The most challenging part about the project was learning how Github works and pushing & pulling code updates to the rest of the group.

Julia Piekarczyk, Cohort 12
https://www.juliapiekarczyk.com/

Photo of Julia wearing a pink top

My favourite part of the project was experiencing how quickly and efficiently a prototype of an idea can come together when a few people put their energy into one project. Being responsible for writing smaller bits of the code and working with an enthusiastic group of women made all the work happen almost seamlessly — in comparison to what I have initially imagined the project would require. It was great to collaboratively build something from nothing in just a couple of weeks and to see how far we’ve all come in our journey of code discovery. What I thought was at first impossible for me to execute actually took me little time, although I have only been coding seriously for a few weeks and that is what empowered me the most!

The most challenging but also rewarding part of the process was figuring out how we were actually going to bring to life what we wanted to build. We spent hours testing out different bits of code to make things work which could get quite frustrating. However, we never backed down and the more invested we were in finding the solution, the faster we would finally manage to get things to work our way. Additionally, we were still all wrapping our heads around GitHub and how to edit the same project file, leading to confusing moments which would sometimes create frustrating but funny situations. We were all there to support each other and together got through the struggles of pushing and pulling all the changes in the development of our game!

You can play the Javaspider game here.

Never Too Late

A screenshot of a website called Never Too Late. It has an image of a grandparent and a child.
Click here to play the full game.

Sarah Sajid, Cohort 10
@sarahsajid

Our project theme was accessibility. After some conversations with the group, we decided to create a website to help the elderly sign up to social media sites such as Facebook. With our audience and theme in mind, it was important to make the site fully accessible so everybody, of all ages, could access it.

For the project, I helped build the form section- my favourite part was discussing and working through any challenges with my teammate who was working on the same section. I really enjoyed thinking about using the website from the perspective of a person who may not be tech-savvy or had disabilities — I was constantly thinking about how we could we make it easy and understandable. One of the challenges was communicating with each other in the group to ensure there were a consistent look and feel of the site.

You can see the full website here.

Cyber Heroes

A screen shot of a game called Cyber Heroes. It has an adventure map on the middle of the screen.
Click here to play the game

Ashley L. Mikkola, Cohort 10
https://www.linkedin.com/in/ashley-mikkola/

Image of Ashley at her desk

I was part of the ever-lovely Cohort 10 and my group decided to make a game dedicated to teaching children safe on the internet. It was called Cyber Heroes and was designed in the old 8-bit style. The best part was designing the 8-bit art for the inclusive cast of characters that moved around our little JavaScript canvas world, there was even a wise Sage to help keep the children on the right track with their learning.

What I found most challenging was creating and calculating the score in-game which was sent through to the leader-board which was initially a separate page. I think it still might be possible to hack the leader-board if you really tried, but our team kept improving the game even after the course ended so it’s looking really good now!

You can play the game here.

Cupzi Dazie

Pallavi Dave, Cohort 7
@pallavi_dave

Image of Pallavi sitting on the pavement

We were set the challenge to create a website about disposable cups to raise awareness that they are not recyclable. Our class split into 3 smaller teams, each one working on a different part of the website. We had an information section showing the lifecycle of the cup, a game for interactive engagement and a call to action section showing people how they could get involved and where to buy a reusable coffee cup.

I was in the game team and we had the opportunity to design and make a game from scratch using JavaScript. My favourite part was working through the user journey, the pseudo-code and figuring out what instructions we had to put in to make our “player” and our “obstacles” move where we wanted on command.

Figuring out the exact wording of the JavaScript code was the most difficult part of the project. Often we knew exactly what we wanted it to do and which functions to use but sometimes it just wouldn’t work! At one stage our “player” (a sheep) lost his head — it would just disconnect from its body when it reached one part of the screen?! That was solved by making the sheep character in Photoshop and bringing it into the code as an image! We cheated, but the game then worked just as it should so we considered it a win!

Screen recorded demo of the game can be seen above.

If you’re interested in learning to code with find out more and apply for our next web development course here.

--

--

23 Code Street
23 Code Street

A Coding School for Women. For every paying student, we teach a disadvantaged woman in India how to code.