Trie is a web app, which visualizes Trie data structure. The app is a MERN stack app (MongoDB, Express, React.js and Node.js) and for the state manager it uses Redux. Animations are made with the GreenShock professional-grade JavaScript animation tool for the modern web.
Clone the repository into your local computer. For the database you will need to create into MongoDB cloud a cluster and feed it with words in a way which mirrors the User model in ./models/User.js and then copy the credentials needed for connecting with the cluster to the ./config/default.json file. For the animations you need to download the Club GreenSock module from their webpage and put it in the project root directory.
First you'll have to install the newest version of Node. Then move into the project main directory on the console and follow the instructions below.
Install all the necessary packages:
$ npm run install
To be sure, that npm is able to run scripts, lets set the ignore-scripts configuration key to false:
$ npm config set ignore-scripts false
You can find the scripts in the
package.jsonfile in thescriptssection.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
- React - A JavaScript library for building user interfaces
- Redux - A Predictable State Container for JS Apps
- JavaScript - Programming language used
- Node.js - Programming language used
- Express - Node.js web application framework
- HTML - Hypertext Markup Language
- SCSS - Sassy CSS
- VS Code - The code editor used
- GreenSock - Professional-grade JavaScript animation for the modern web
- Julius Sans One - Font used
- Poiret One - Font used
👤 Jaak Kivinukk
- Github: @Jaakal
- Twitter: @JKivinukk
- Linkedin: Jaak Kivinukk
- Email: jaak.kivinukk@gmail.com
This project is licensed under the MIT License - see the LICENSE file for details