https://github.com/hazem-alabiad/fe-ngram-counter
React app to counts the frequency of n-grams in a given string.
https://github.com/hazem-alabiad/fe-ngram-counter
bootstrap4 hooks-api material-charts material-table material-ui react-hook-form
Last synced: about 1 month ago
JSON representation
React app to counts the frequency of n-grams in a given string.
- Host: GitHub
- URL: https://github.com/hazem-alabiad/fe-ngram-counter
- Owner: hazem-alabiad
- Created: 2021-03-02T20:11:47.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-04T20:23:27.000Z (over 5 years ago)
- Last Synced: 2025-04-28T12:53:59.417Z (about 1 year ago)
- Topics: bootstrap4, hooks-api, material-charts, material-table, material-ui, react-hook-form
- Language: JavaScript
- Homepage: https://fe-ngram-counter.netlify.app/
- Size: 932 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/fe-ngram-counter/deploys)
# Ngram Counter App
It counts the frequency of ngrams in a given string
# How to install
- You need to have `git` & `yarn` installed in your machine.
1. Download the project from GitHub.
2. Go to the main folder and hit `yarn install` to install the dependencies.
# Used packages
- `reach-router` for routing.
- `fetch` for API requests.
- `material-ui` & `bootstrap` for UI.
- `prop-types` for type checking.
- `react-hook-form` for managing the forms.
- `lodash` for helper functions.
- `react-spring` for Animation.
# Project Structure
- `src/api/` for API calls.
- `src/components/` for all React components 'both class & functional'.
- `src/constants/` for all constants e.g. route names, messages, urls ...etc.
- `src/helpers/` for helper functions e.g. localStorage related methods, custom hooks ...etc.
# Styling with `CSS`
- For this purpose, you can add your own `CSS` code in `index.css` or `app.css`.