Your application

Please complete the following fields to be considered for this project.

Please fill in this required field.
Please fill in this required field.
Please fill in this required field.
Please fill in this required field.
Please fill in this required field.
How much commitment will you have to this project?
Please select an option.
Are you available to dedicate 1-2 hours per week to the Build Project?
Please select an option.
Your application has been 
successfully submitted!
Explore more projects
Close
You already submitted an application for this project.
Explore more projects
Close
There was an error submitting your form. Please try again later or contact us.
Oops! Something went wrong while submitting the form.

This project is no longer accepting applications. Subscribe to our newsletter to be notified of new projects!

Get updates
Build a Virtual Office Feature for Remote Teams
Xinyi Chen
Xinyi Chen
Get updates
Register today
Apply now

Build a Virtual Office Feature for Remote Teams

Use JavaScript to develop a full-stack web application that allows remote teams to communicate via video calls. 

Register today
Apply now
Fridays
 at
7:00
P.M.
 ET /
4:00
P.M.
PT
8 weeks, 2-3 hours per week
Expert
No experience required
No experience required
Some experience required
Degree and experience required

Description

Web Development occupies a huge part of the total Software Engineer job market. For example, at Facebook, at least 30-40% of engineers are working on various Web Development projects. In this Build Project, you’ll wear the hat of a Software Engineer and develop a video call feature that can be used by remote teams. This task will allow you to develop skills across both front-end and back-end. Under the supervision of an experienced Build Fellow, you’ll become familiar with web development frontend framework/libraries such as ReactJS and Redux and web development backend framework/libraries such as NodeJS. You’ll also get hands-on experience in using basic network concepts such as WebRTC and web socket, as well as using a real-time database. All this will happen in an environment that simulates the operations of a real software engineer team. 

Session timeline

  • Applications open
    May 27, 2024
  • Application deadline
    June 23, 2024
  • Project start date
    Week of July 8, 2024
    Week of
    July 8, 2024
  • Project end date
    Week of

What you will learn

  • Use React, Redux and NodeJS to implement a full-stack interactive website
  • Understand and use web sockets and WebRTC to build streaming features such as video call
  • Know how to use real-time database to implement a multi-user app

Project workshops

1
Introductions
2
Connect to Realtime Database
3
Dynamically update UI
4
WebSocket and WebRTC I
5
WebSocket and WebRTC II
6
WebSocket and WebRTC III
7
Wrap Up Your Project
8
Final Presentations

Prerequisites

  • Basic knowledge of JavaScript: you should be able to use different data structures in JavaScript (including boolean, string, int, float, array, list, dictionary, object). You should be able to write short functions with simple logic using JavaScript. 
  • Basic knowledge of CSS: you should know how to adjust the look of UI components using CSS. 
  • Basic knowledge of ReactJS: you should know what states and component lifecycles are in ReactJS and how to use them to update UI. For example, how to dynamically render UI using state and hooks (e.g. useState, useEffect, useContext, useRef).  
  • Willingness to learn new technologies and concepts, as well as independently debug and test code before requesting help from the Build Fellow. 

Sign up today

Get access to all of our Build projects, including this one, by creating your Build account!

Register today
Log in

Apply to

Xinyi

's project today!

Get started by submitting your application.

Apply now

Stay updated!

Subscribe to our newsletter to be notified when projects reopen!

Please fill in this required field.
By clicking “Subscribe” you agree to our Terms of Services and Privacy Policy.

Thanks for subscribing!

We'll notify you when projects reopen. In the meantime, you can explore our resources and learn more about our Fellows.

Discover our articles
There was an error submitting your form. Please try again later or contact us.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
About the expert

Xinyi Chen

Computer Science Fellow
Open Avenues Foundation

Xinyi Chen is a Computer Science Build Fellow at Open Avenues, where she works with students leading projects in VR and web development.

Xinyi Chen is a Co-founder and Software Engineer at Pixeland Technologies, Inc. where she works on developing virtual office application on MacOS, Windows, and VisionOS.

Xinyi Chen has 5 of years of experience in software development. Xinyi Chen was a software engineer at Meta working on Ads growth and VR products to make Quest headset more engaging.

She holds a bachelor degree in Computer Science and Engineering from MIT.

A fun fact about Xinyi: She can do 220-degree over splits.

Visit
Xinyi
's Linkedin
More like this Project