One project at a time, we Build to Learn

Chingu projects from the last session

Chance McAllister
Chingu
14 min readFeb 25, 2019

--

Reminder — What is Chingu?

Chingu is a community that provides developers and aspiring developers access to remote project experiences and level-up opportunities.

Here is what we do: put motivated people with similar goals together in an environment that gives them the opportunity to level-up in a way they couldn’t otherwise. Our focus is on accelerated learning and creating impact.

Let’s dive in, shall we?

Volunteer Manager

AppVolunteer Manager App helps people to recruit and manage volunteers for a non-profit project.

Stack: MongoDB, Express, React / Redux, Node.js

Chingu project type: 🐻

Team: Layer, Nick, Phrixus

Github Repo

Deployed here

Stock Manager

We have created a site to help you monitor your finance and stock activities. You can follow companies and trends, set up networks, enroll in groups and many more.

Stack: MERN

Chingu project type: 🐻

Team: Anshul, Samrat, him1411, ntype

Github Repo

Deployed here

Dragon

We built a Trello clone, with the ability to drag and drop lists/cards, change the background to a color or photo, or add team members. It also includes a pop up modal where you can add a description, checklist and set due dates for the card.

Stack: React, SCSS, Flexbox

Chingu project type: 🦎

Team: natalieR, Carlos F., Juan, paul1124

Github Repo

Deployed here

Team Sort Version 1

In each Chingu session, we sort hundreds of people of all skill levels, tech-stack interests and ALL timezones. Here’s the first iteration of the Team Sort tool we used to sort teams in last session’s beta cohort. 🔥

Chingu project type: Moonshot

Team: Chingu-X (💯Mario + Francesca)

Knowledge

Knowledge is a q&a-style website which easily enables you to search your questions, get existing answers and post new questions.

Stack: React + Next.js, Ant Design, Node.js — for the frontend
Express.js, MongoDB, Firebase Auth — for the backend
Docker + Docker Compose, AWS, Heroku — for deployment

Chingu project type: 🐻

Team: Itai, Layer, mastas3, vincentntang, geokelogluo

Github Repo

Deployed here

Random quotes from teams

The result! The moment when we first had something to deploy on Heroku was awesome. That moment made everything worthwhile!

Everyone on our team was very transparent in regards to their availability and ability.

We all worked together really well and never felt like a burden when we didn’t understand something or needed more time.

Everyone was friendly, it made teamwork easy and the project go smoothly

Everyone was very committed, there was great communication, and we accomplished and learned a lot from each other.

Getting to experience working with other people around the country.

Learning new tech stack and being able to learn more about working in a team.

Learned about graphql and redux.

learning test units!

Seeing the end product! I also liked working & bonding with my team.
fun team and a lot of learnings

Budget Bears

A web app to keep track of your transactions.

Stack: Express, React, Redux, PostgresQL, Node

Chingu project type: 🐻

Team: Osycon, Paulina, Ufedo, Dmitri

Github Repo

Deployed here

Schrute Farms Bed & Breakfast

A functioning Bed and Breakfast mock website inspired by Schrute Farms from the iconic tv show The Office.

Stack: HTML5, CSS3, Bootstrap, JavaScript, Node.js, MongoDB, Handlebars.js, Express.js

Chingu project type: 🦎

Team: stufinn, lfosgett, rachelzzhu, Jaffacake85

Github Repo

Deployed here

Crowd Sourced

A website that connects people with those who have extra resources and those who need them.

Stack: React, Mongo, Node.js, Express, GraphQL, SASS

Chingu project type: 🐻

Team: josuerojasrojas, virenb

Github Repo

Deployed here

Vocab Study Buddy

Practice a new language with our vocab card game!

Stack: react

Chingu project type: 🐻

Team: evaplaysviolin, serpient

Github Repo

Deployed here

Chingu Welcoming Video

A video welcoming all new members to Chingu, spoken in several languages, from Chingu members globally! Thank you so much to everyone who participated. 🙏

Team: Chingu community 🔥 🔥

100 Days

100 Days challenges you to commit 100 days to improving a skill/forming a habit/accomplishing a goal/etc. Join a challenge group, set your personal goal, track your progress by adding daily submissions, and view, like, and favorite other users’ submissions.

Stack: Apollo GraphQL (Apollo-Server and React-Apollo/Apollo-Client), React, Webpack, Node, PostgreSQL

Chingu project type: 🐻

Team: The Global Group! Main team: @Emma M, @Wiarda, @abby.wankenobi Other contributors: @Muhammad Amir, @anto

Github Repo

Deployed here

PowerPanel

A Momentum dash clone recreated using React.js

Stack: React

Chingu project type: 🦎

Team: jennifersmithuk, ir3ne, MarioKrstevski

Github Repo

Deployed here

Secret Santa

Secret Santa online. With a marketplace.

Stack: NodeJS, ReactJS, Express, mongoose

Chingu project type: 🐻

Team: Alex C, Inna, Gabrielgs

Github Repo

Deployed here

Resolutions Buddy

This project aims at helping the users to complete their new year resolutions by sending them email reminders periodically.

Stack: Html, CSS, Jquery, Bootstrap, Flexbox

Chingu project type: 🐦

Team: Upasana S, Anna B

Github Repo

Deployed here

Random quotes from teams

Getting experience of making a plan and working on it as a team

Figuring out the complexity of keeping a divided backend and frontend.

Being able to get our project working and submission ready. Even though it’s not perfect, and still has bugs we’re glad we were able to complete the tasks to the best of our abilities and feel proud of what we’ve done!

Remote working with a team located in different locations

It was really interesting working with different times and location. Hard, but possible. However, keep the all team motivated was hard, it is easy to leave.

Persevering trough 2 of our team mates quitting and having full time jobs not related to programming.

Leading a team of developers and completing a polished site

Gaining confidence in my abilities both a developer and a project manager.

Working in a team environment is always a challenge compared to doing everything your own way. But it’s a great chance to learn other perspectives and ways of doing things. Team members were able to take ownership of certain tasks and collaborate as needed.

The personal challenges, mostly. While unfortunate, I was the sole teammate left after roughly four weeks, but I managed to get a WHOLE LOT done solo. I had no experience with Redux, Node, let alone mLab or developing my own API. So, it turned out pretty well in the end :-)

The friendships, learning experience, knowledgeable team members.

Tickybot clone

Clone of the former Chingu project, Tickybot!

Stack: HTML, CSS, Javascript, JQuery

Chingu project type: 🐦

Team: ywl

Github Repo

Live here

Video Game Information Extension

A chrome extension that allows users to search a database for video game information.

Stack: HTML/CSS JavaScript/jQuery

Chingu project type: 🦎

Team: CJ, Sadu, wiscombetom, Andres

Github Repo

Collabears

Its a collaboration place where one user can create a project and invite other users who can create posts inside the project in a discussion based format or to share resources.

Stack: React, Koa, PostgreSQL

Chingu project type: 🐻

Team: JaiT (jai), Willwedmedyk (will), Leighd2008 (Diane)

Github Repo

Deployed here

Saboteur clone

Multiplayer Board Game

Stack: Flask, Socket.io

Chingu project type: 🐻

Team: @Ventrosky @KrsmanSaboteur

Github Repo

Deployed here

Tonic Fitness

Our app lets you signup, login, set weight based goals, log calorie intake per day/meal, and track your results on a live chart.

Stack: MERN: MongoDB / Mongoose, Express.js, React, Node.js

Chingu project type: 🦎

Team: dionadk, Kev, ZumDeWald

Github Repo

Deployed here

Toucans marketing website

The homepage of a marketing agency.

Stack: Html CSS bootstrap vanilla js

Chingu project type: 🐦

Team: Nancych14, mista_oba, savvas pamboukas

Github Repo

Deployed here

Words

Words is a tooltip dictionary with which you can view definitions as you browse the web. It also provides a dashboard, that contains all the words you searched for in past with their full definitions.

Stack: vanilla javascript

Chingu project type: 🦎

Team: sj, Hamza S

Github Repo

Deployed here

Easy Auction

A proof of concept for an OSS Auction platform. User’s can buy/sell items based on interests and recently posted auctions.

Stack: Mongo, Express, React & Node

Chingu project type: 🦎

Team: @Schuyler, @Blarz, @jharteaga

Github Repo

Deployed here

Random quotes from teams

Working with people from different countries, the challenge of working together and practicing coding. For all of us we either used code in new ways,

learnt more and built more and did this together!

Using SCRUM for the first time to keep organized, and also pushing ourselves to learn basic Koa and Postgres

Worked with others in a remote setting and reached MVP goal.

All three of our team members were involved the entire project! Weekly meetings allowed us to learn and build skills together in a positive environment. This was the first attempt using the MERN stack for all of us.

Everyone contributed and helped each other

Getting to know new people

Working in team helped me to be better with my communication skills and my code to be better and more creative.

When we got to the point where we could deploy something that we created as a team.

The whole experience of working with other people — talking through our ideas, debating and negotiating features and implementation, learning new things from other team members, trying and failing to use Git/Github properly, laughing at our mistakes and celebrating our wins.

Getting to know new people

International teamwork!

The best aspects of our project’s experience were collaborating with interesting people from all over the world, discussing code and life-related things, and seeing our ideas come to reality in the form of the final app.

Interaction! I always coded alone, to have a team to discuss with has been a huge step forward for me and was such a great experience to share with you guys!

“Start building something you’d be proud of.”

An article by Sonam about building a nonprofit project in the last Voyage

Article here

Medium REST clone

Exploring a RESTful design of the Medium.com API. 99% test and JSDoc coverage.

Stack: Node, MongoDB

Chingu project type: 🐻

Team: Vampiire

Github Repo

PairUp

Find people to do things together.

Stack: react, next.js, node.js, postgresql

Chingu project type: 🐻

Team: lkaratun, vaidotasp, trolleksii, nealthom

Github Repo

Deployed here

Clono

A clone of Trello.

Stack: JS, HTML, CSS

Chingu project type: 🦎

Team: @Lauren G @Joan (@vincenttang @ChristianCenteredDev)

Github Repo

Deployed here

Git-lab Clone

Its GitLab home page cloning.

Stack: HTML, CSS

Chingu project type: 🐦

Team: chispofish,Yaronshemesh,vineet,Brad

Github Repo

Deployed here

Rescue Korea

Korean pet adoption site

Stack: React (CRA), Serverless Express API, MongoDB, Mongoose

Chingu project type: 🦎

Team: dastrong, dhairya, harjas27, diskomotech

Github Repo

Deployed here

Stock Check

A web app to track stock prices and allow the user to favourite stocks

Stack: React, Node.js

Chingu project type: 🦎

Team: EugeneProut, IceDune, ephygtz

Github Repo

Deployed here

Horology

We set out to build a e-commerce app. Our core features include account registration, admin page to manage users and products, product filter, watchlist, cart, and a checkout system via Stripe

Stack: React.js (create-react-app), Node.js, Express, Postgres, Sequelize,

Chingu project type: 🐻

Team: @Strangebrewer, @spicybyte, @tara-fenton, @cvonwilczur

Github Repo

Deployed here

ShiftJogger (work-in-progress)

ShiftJogger allows users to sign up and track work invoices, useful for freelancers and the like. They’re also able to email PDFs of their invoices to clients, which are hosted on Cloudinary. We’re working on streamlining the UI/UX, as well as allowing users to send links to the app itself for clients to view and print invoices directly from ShiftJogger (in addition to having PDF backups on third-party services).

Stack: React & Redux, MongoDB, and Node

Chingu project type: 🦎

Team: drunkenkismet

Github Repo

Deployed here

Eric Miller Project (work-in-progress)

The SourceThe Source is a tutorial search service powered by crowd-sourced ratings and reviews.

Stack :@Eric Miller @Leen @Frank Faustino @benjaminadk

Chingu project type: 🐻

Team:React, Express, Apollo, Prism

Github Repo

Deployed here

Habit Tracker

Habit tracking app that helps you build and maintain your habits.

Stack: Waiting-for-confirmation

Chingu project type: 🐻

Team: lydia, sammychris, puritanic, arielb

Github Repo

Deployed here

Garage doors company landing page

Landing page for garage doors sales company

Stack: HTML5, CSS3, JavaScript

Chingu project type: 🐦

Team: DraciVik and Plaza

Github Repo

New Chingu Pre-work session

Pre-work session designed to better prepare members to succeed in their Chingu Voyage team, meet new friends, and allow us to create optimal teams.

Photo by rawpixel on Unsplash

Stack: Friendliness, high energy, and adventure!

Chingu project type: Moonshot 🚀

Team: Chingu-X & Welcoming Team!

Chingu Beta Landing Page

The beta landing page for Chingu!

Stack: React and Apollo

Chingu project type: Chingu-X 🚀

Team: Chingu-X

New Chingu Handbook

A new Chingu Handbook for Voyage-8!

Team: Chinu-X (Jim & Francesca) & Eva

Team Sort Version 2 (In-development)

We sort hundreds of people of all skill levels, tech-stack interests and ALL timezones. Here’s a glimpse of the new tool in-development to automate this sorting. 🔥

Chingu project type: Moonshot 🚀

Team: Chingu-X (Mario + Francesca)

ARC Coordinator (Work-in-progress)

Helping people coordinate.

Stack: MERN, GRAPHQL, REDUX, APOLLO

Chingu project type: 🐻

Team: artoo, Ujwal Battar , Mike C

Github Repo

Here are some wayback playback projects!

Budget Board

Editor’s note: a few days ago I looked and this chrome extension now has over 1100 users!

Budget Board is an original Google Chrome extension that allows you to input income & expenses and see the results displayed on a chart. You can create categories & individual items within categories and with Chrome Sync, you can access your budget by signing in to Google Chrome from any computer that supports extensions.

Stack: Vanilla Javascript, SCSS, D3.js, SweetAlert, Chrome Storage Sync

Chingu project type: Tier-2, Organic

Team: sheafitzek, ksc23, CakeWest, sdbowen

Github repo

Catch-Da-Alien game

This is a small web-based game, where you click aliens away, which attack you in waves. It works in every browser. Highscore isn’t implemented right now, but try to beat level 31! (Developer Highscore)

Stack: Vanilla JS, SASS

Chingu project type: Tier-1, Organic game

Team: @alexever17, @shay

Github repo

Chirpper (twitter clone)

Our project objective was to clone the primary functions of Twitter. User are able to create an account post, like and delete a “Chirp”. The ability to view other user’s timeline was also coded on backend.

Stack: JavaScript, Node, Express, Mongo

Chingu project type: 🦎

Team: Jared Schiller, Tiffany Lam, Simon Xiong

Github repo

devMOP

Stack: Html, Css, Javascript, jQuery, JSON

Chingu project type: Tier-2/ clone → pivot

Countries: Algeria, Spain, Sweden

Team: @fati, @mussol, @soreg

Github

Live

What was the best aspect of your team project experience?

Motivation. The team was highly motivated from start to finish!

Jobbatical reverse-engineered!

Stack: React, CSS, MongoDB

Chingu project type: Tier-3/ clone

Countries: England, Sweden, Poland

Team: redrocket, Kekami, osirisseye

Github

Live

Regex dojo — Train, spar and fight your way to REGEX mastery!

Stack: Node, express, j-query, materialize css

Chingu project type: Tier-3/ clone → pivot

Countries: Canada, USA

Team: @exsqzme, @roxroy

Github repo

Live

Airbnb reverse-engineered

Stack: Create-React-App, Node.js, Express

Chingu project type: Tier-3 🐻, build-to-learn

Countries: UK, France/Japan, Poland

Team: osirisseye, Paulina, yuka, redrocket

About: This team showed perseverance and resiliency in a wonderful way. Their Project Manager got a job early-on and they successfully transitioned to having another member step up into the position (who promptly got a job just as the project finished).

Wanderful — Discover new locations to visit.

Stack: MongoDB, Express, React, Nodejs

Chingu project type: Tier-3 🐻, build-to-learn, build-for-impact 🚀

Countries: USA

Team:@dslemay, @Alex, @bernar83

About: This full-stack application is an absolute treat, especially for vagabonds like myself who cannot help but press the “Generate Random Destination” 100 times.

Github repo

Donut.ai landing page

Stack: HTML, CSS, jQuery

Chingu project type: Tier-1 🦉, build-to-learn

Countries: Hungary, Serbia, Nigeria

Team: Metazor , csstefan, Tony

Github repo

ACME — Sharpen Your Interviewing Skills

Stack:React, Node, Koa, MongoDB, webpack

Chingu project type: Tier-3, Organic

Team: Heyjp (aka the legend), Paulina, Olga, Zsolti (for some of it)

Github repo

--

--

Chance McAllister
Chingu
Editor for

Founder @ Chingu. Experience Designer. Lifelong learner. Teacher. Runner. Reader. Insatiably curious. Apply here: chingu.io