Tri Land

Tri Land is a simple web application that aims to demonstrate the core features of React. It covers component layering, routing, jsx, state management, form handling, and other important concepts. The application features two built-in mini-games and a user form which connects to a real-time database. The pages are styled with basic CSS, and no back-end API is required for them to function.

Build Project

Prerequisites

• Node.js
• Create React App (Optional)
• Google Firebase Project (Optional)

Build

1. Clone or download the repository and change into the project's root directory (where package.json is located).
2. Run npm install to download/update all dependencies.
3. If you have a Firebase project setup, you may optionally change the configuration details in src/components/TechTalk/components/OpinionForm/OpinionForm.jsx (otherwise the form will not be submitted to any database).
4. Run npm start to start the local server at port 3000.
5. Run npm run build to build the minified production application ready to be deployed to a live server.

Features

Tri Land features a casual casino card game Blackjack and a famous mathematical strategy game Nim. Rules of these can be found in the application or online sources. If you have any recommendations or suggestions, I encourage you to use the feedback section (click on the blue float icon on the bottom right) to submit your comments.