Coding Camp

Coding Camp

Created a summer JavaScript camp. All proceeds donated to Campaign Zero

July 2020
JavaScriptReactExpressp5.js

Project Overview

In the summer of 2020, amidst the COVID-19 pandemic, I created an online coding camp to promote STEM education in our local community and support the advocacy group Campaign Zero. The camp taught JavaScript to students in 6th to 7th grade, covering both programming basics and more advanced concepts for personal projects and apps.

Curriculum and Tools

  1. Initially used CodeHS's Karel curriculum
  2. Developed a custom curriculum for teaching p5.js
  3. Covered topics including variables, drawing, and interaction

Technical Implementation

  • Frontend: React for the camp website
  • Backend: Express server hosted on AWS's free tier
  • Data Management: Used Google Sheets API for easy access and modification of sign-up data
  • Communication: Automated confirmation emails to parents

Impact

  • Raised over $1,400 for Campaign Zero
  • Introduced many students to programming and STEM
  • Created an engaging online learning environment during pandemic restrictions

Student Projects

Here are some projects created by the campers using p5.js:

Student project 1
Student project 1
Interactive color-changing circles

Student project 2
Student project 2
Animated landscape with day-night cycle

Student project 3
Student project 3
Interactive drawing application

Reflections

This project not only benefited the students but also provided valuable experience in curriculum development, online teaching, and full-stack web development.