Code Monkey home page Code Monkey logo

reli-front-end's Introduction


Logo

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
  2. Getting Started
  3. Usage
  4. Contributing
  5. License
  6. Contact

About The Project

RenderLingo (in short RELI) is a protoype online learning platform built with the Vuex logoVue 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:

(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 - [email protected]

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

(back to top)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.