Code-based Projects

Get into the details of the Code-based projects.

We'll cover the following

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 ones, which will necessitate the creation of new folders and files, depending on the type of project.

Examples

An example of a code-based project is building websites utilizing the MEAN or MERN stack. The following are some examples of code-based projects on Educative’s platform.

In the above-given examples, we are creating an e-learning course catalog website. We will display a list of all courses on the website such that each course will contain a title, a picture, the author’s name, a paid or free status, and a description. Users will also be able to search the available courses using a search bar on the website. The Express framework on NodeJS is used to create the back-end API that will communicate with the MongoDB database for saving and retrieving data. As a result, to construct such an app, we must write a considerable part of the code in multiple linked files to produce the desired outcomes.

We can create many other projects like we just mentioned using the latest 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

These are just a handful of the options and possibilities for creating successful projects on the Educative platform.

Disclaimer: For the time being our platform is not providing support for desktop 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:

When we click the Launch Workspace button, we will get the following screen: