Code-based Projects

Get into the details of code-based projects.

Overview

In code-based projects, learners must write code to construct an application. Such projects require the development of new code or modification of existing code, which will necessitate the creation of new folders and files, depending on the type of project.

Examples

An example of code-based project is “Build a Memory Game Using React” and “Get Live Weather Information Using React” on Educative’s platform.

Press + to interact
Code-based projects
Code-based projects

We can create many other projects like we just mentioned using the a diverse set of full-stack web technologies, for example:

  • Simple JavaScript, jQuery Apps
  • Visually appealing Angular, React, or Vue-based Apps
  • Full-fledge Node, Python, PHP, or Rails Apps using SQL, SQLite, or MongoDB database

Disclaimer: For the time being our platform does not provide support for developing desktop-based or android-based projects.

Coding environment setup

For a code-based project:

  • Learners must develop or update code. As a result, we require a file editor.
  • They must run specific commands at the terminal. For instance, creating new files and directories, launching scripts, and so on. As a result, we require a terminal.
  • If they are developing a web application, they want to see the results. As a result, we make the browser visible.

The complete code environment configuration will look like this:

Press + to interact
Workspace for above example
Workspace for above example

After clicking on the “PREVIEW” button, we will get the following screen:

Press + to interact
Example view of a code-based project
Example view of a code-based project