idParser Frontend

Frontend Repository for “idParser”, Web Based Indonesian Sentence Syntactic Parsing using CYK Algorithm with Table Filling Method.

Backend: idparser-backend

Features💡

By using idParser-Frontend you can:

Checks whether a sentence is valid or not.
Get the triangular table from table filling method.
Get the parse tree of the sentence (if the sentence is valid).

Technology 👨‍💻

idParser-Frontend is created using:

React - React is a JavaScript library for building user interfaces.
React-Bootstrap - React-Bootstrap is a frontend framework that replaces the Bootstrap JavaScript.
Tailwind CSS - Tailwind CSS is a utility-first CSS framework packed with classes.
Vercel - Vercel is a cloud platform that we use to deploy our apps.

Structure 📂

idparser-frontend
├── .github
├── public
├── src
├── .gitignore
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── postcss.config.js
└── tailwind.config.js

.github is a folder that used to place Github related stuff, like issue template and CI pipeline.
public contains static files, such as the HTML file and favicon.
src is the main folder that contain components, styles, tests, and others.
.gitignore is a file to exclude some folders like node_modules.
LICENSE is a file that contains the license we use in this app.
README.md is the file you are reading now.
package-lock.json is a file for locking the dependency with the installed version.
package.json is a file that contains important metadata and dependencies about this app.
postcss.config.js is a file that contains configuration for PostCSS.
tailwind.config.js is a file that contains configuration for Tailwind CSS.

Requirements 📦

React 18.2.0 or later
React-Bootstrap v2.7.0 or later
Tailwind CSS v3.2.4 or later
Node.js v16.15.1 or later
npm 8.13.2 or later

Installation 🛠️

Clone the repository:

git clone https://github.com/putuwaw/idparser-frontend.git

Install dependencies:

npm install

Run the app:

npm run start

Open web browser and visit:

localhost:3000

Contributors ✨

_{Putu Widyantara}

_{Kevin Moses}

_{Antonius Ata}

_{Yoga Laksana}