RenderLingo - Portal

E-learning platform that evaluates the solution using ASTs(Abstract Syntax Trees) comparisons and unit testing.
View Demo
Report Bug
Request Feature
**For the demo you can use these creds user: test1234, pass: 12345678 or make a new fresh account.**

Table of Contents

1. About The Project
   • How Does RenderLingo work
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Contributing
5. License
6. Contact

About The Project

RenderLingo (in short RELI) is a protoype online learning platform built with the Vue ecosystem that aims to help people with different backgrounds to develop an algorithmic thinking mind using the action of translating/rendering a word problem (story). RELI currently supports the JavaScript programming language. RELI is also my thesis project.

Why should you use RELI?
Here's why:

• If you are a beginning programmer that wants to learn or just want to strenghten your knowledge, doing this should be fun and interactive.
• RELI does not follow the traditional programming teaching methods.
• RELI's avatar name is RI and she's the coolest beluga 😄

(back to top)

How Does RenderLingo work

⚙️ Once you submit a challenge solution, RELI's API will evaluate your solution and give you 3 values, P1, P2, C alongside with the tests failed and passed. In short, P1 is a % of how similar is your solution to mine for that challenge, P2 is a % of how many tests your solution passed and C is a value calculated as C = 20%P1 + 80%P2.

P1 is determined by comparing the ASTs(short for Abstract Syntax Trees) generated by your solution and my solution using the following distance algorithms The Levenshtein distance, Longest Common Subsequence(LCS), Metric Longest Common Subsequence(MLCS) and Cosine similarity.

Built With

The major frameworks that I used:

• Vue.js
• Vuex
• Vue-router
• Vite
• Bootstrap

(back to top)

Getting Started

You will need npm and nodejs. You can get them from here.

Prerequisites

After installing npm and node you may run

npm install npm@latest -g

to get the latest version of npm

Installation

1. Clone the repo

   git clone https://github.com/Andrei123f/RELI-Front-end.git

2. Install NPM packages

   npm install

3. Create a .env file and place the following value there

   VITE_API_URL=https://reli-back-end.vercel.app/

4. Run the following command to start the project

   npm run dev

(back to top)

Usage

Anyone who wants to learn the basics of JavaScript, including Variables, Functions, Arrays and Objects, Classes, Object-oriented programming(OOP) can learn the fundamentals of these concepts in a unique and interesting way by translating a story to code.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Andrei Popa - @andreispkpd - andrei.popabd@gmail.com

Project Link: https://github.com/Andrei123f/RELI-Front-end

(back to top)