The Cycle: Frontier - Item Tracker

Related tags

Learning resource cycle-frontier-item-tracker
Overview

The Cycle: Frontier - Item Tracker

This app is designed to keep track of what items are needed for quests and upgrades in The Cycle: Frontier. Once you know how many of everything you need, you know what you can rest easy selling or giving to your friends. It also serves as a comprehensive quest objective list. It was built using create-react-app with Typescript. Data is stored in local browser storage. There are no analytics. While this app is open source, I do not give anyone permission to fork or reuse this code for purposes other than education or contributing to this project.

Known issues.

  • Some items may have incorrect names. Let me know if an item doesn't use its in-game name.

Upcoming features

  • Icons for items
  • Better

Support this project

Consider supporting me via Patreon

Pull Requests and issues

Feel free to submit pull requests if you know your way around JSON/React and Github issues if you don't.

Legal Stuff

I have no rights to anything related to The Cycle: Frontier. If Yaeger wants to sue me, I will face God and walk backwards into hell.

Here's some boilerplate CRA stuff

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm run build

Comments
  • Highlight current mission/job needs

    Highlight current mission/job needs

    One thing that would be cool, I'm not totally sure how the UI would work out, but it's hard to know how many of items I need for current missions & jobs, and how many are needed for future jobs. Especially when you're starting out, the list is huge, and sometimes you have to sell stuff to make stash space. This would let people prioritize "I don't want to sell this because I need it right now, but I can sell this because while I need it in the future, I need space in my stash more".

    Thanks for making this! It's been very helpful.

    opened by steveklabnik 2
  • Implement QuestForest, which can be used to find incomplete quests at an arbitrary depth

    Implement QuestForest, which can be used to find incomplete quests at an arbitrary depth

    Usage:

    const questForest = QuestForest.new();

const completedQuestNames = new Set<MissionName>();
const depth = 5;

const questParts: Part[] = questForest.findIncompleteQuestParts(completedQuestNames, depth);
    opened by garretpremo 2
  • Changed

    Changed "Osirus" to "Osiris"

    In game the faction is called Osiris, so all occurrences were updated to match that. Additionally, my IDE also updated package-lock and I added IDE files to the gitignore. All changes have been manually tested to work properly.

    opened by BLumbye 2
  • Subtle improvements to header buttons

    Subtle improvements to header buttons

    • Set cursor: pointer; on header buttons
    • Entire 'Patreon' button is now a link, not just a small inner portion of the button
    • Add a subtle transition and hover color to .inactive buttons

    There was no rhyme or reason to the chosen colors, just thought they looked 'good enough'. Feel free to change them how you like 🙂

    chrome_xrHizYaQny

    image chrome_pDYuQ3oOjg

    opened by garretpremo 1
  • Feature/settings page

    Feature/settings page

    • This PR has a bad name, I didn't do what I set out to, lol
    • Moved the quest view and upgrade view into their own components to keep app.tsx a bit smaller
    • Fixed a typo in the description for a quest part
    • Move search related state into the itemlist since that's the only component that needs it
    • Fixed an issue with itemList not using a key for mapped elements
    opened by MatthewSbar 0
  • Data entry (quest names/requirements)

    Data entry (quest names/requirements)

    • Add quest names and quest prerequisites (pulled from thecycledb)
    • Removed 'Letium' requirements for quests that do not require Letium Clots
    • Fixed typo (creatured → creatures)
    opened by garretpremo 0
  • Implement coloring items based on rarities, sorting by rarity then alphabetically

    Implement coloring items based on rarities, sorting by rarity then alphabetically

    • Add basic ItemChip component which applies the relevant item rarity css.
    • Accepts an item count which displays a number within the chip
    • Accepts a flag for deadDrop which displays the 💀🗑 emojis
    • Add <ItemChip> wherever item names are used (quest-listing, item-list, upgrade-tree

    chrome_G391TuVJtF

    opened by garretpremo 2
  • Add Support for 'Limit quarters depth'

    Add Support for 'Limit quarters depth'

    Like the recently added 'Limit quest item depth' feature, can quarters depth also be included as a filter? Would be nice to know what the immediate quarters items needed for upgrades are, for example.

    opened by er-us 3
  • Item list to show no longer needed items

    Item list to show no longer needed items

    Consider partitioning the item list, or some derivative thereof, such that a new section exists to track the items no longer needed. This would allow a user to quickly glance at this list to know which items may safely be sold.

    opened by er-us 2
  • Item highlight by stack size

    Item highlight by stack size

    For those of us who shuffle inventory space frequently, highlighting items by the number of stacks needed could be useful. For example, Altered Nickel: 4 might highlight 4 as green or Aluminum Scrap: 15 might highlight 15 as blue. This would inform users as to how many stacks of a particular item need to be kept.

    opened by er-us 2
Owner
Matthew Sbar
Creative developer
Matthew Sbar
GitHub
Finance-Tracker - A basic finance-tracker application built using Next.js, React Hooks and Context API

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Osemwengie Benjamin 1 Jan 2, 2022
375 DSA Tracker helps you build your confidence in solving any coding related question and helps you prepare for your placements. It is your personal web-based progress tracker based on 375 DSA Sheet by Aman Dhattarwal & Shradha Didi

375-DSA Tracker ??‍?? Me and my friend Abhilash Jena made a 375 DSA Tracker website based on 375 DSA Sheet by Aman Dhattarwal & Shradha Didi which hel

null 8 Nov 11, 2022
Select creates a dropdown list of items with the selected item in closed view.

Native Base Select ?? This module includes a customizable multi-select and a single select component for Native Base. The package is both Android and

Blump Tech 3 Dec 25, 2022
⚙️ A GitHub Action to push a feed item to RSS3 network

RSS3 Github Action Update a users feed to reflect changes in a Github Repository. Setup Have a copy of your private key Add an environment secret to y

null 5 Apr 26, 2022
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.

Letter Shuffle Animation for a Menu A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item

Codrops 29 Dec 4, 2022
fully selfhosted multi-user web app for externally storing Reddit items (saved, created, upvoted, downvoted, hidden) to bypass Reddit's 1000-item listing limits

expanse fully selfhosted multi-user web app for externally storing Reddit items (saved, created, upvoted, downvoted, hidden) to bypass Reddit's 1000-i

J Chan 216 Dec 30, 2022
Please do not use this tracker to scam anyone! This is free and will be forever free. This tracking will never ask for seed phrases nor private keys. Keep safe!

CryptoBlades Tracker Related modules express - web application framework for node pug - template engine stylus - pre-processor CSS mongoose - nodejs o

null 355 Oct 13, 2022
A complete COVID-19 tracker cum dashboard website made by me.

Covidview A detailed dashboard of live COVID-19 cases. Techs Used: React JS React Hooks and DOM Firebase WHO disease API Demo Video : covid.mp4 Workin

MAINAK CHAUDHURI 24 Dec 17, 2022
The open ransomware payment tracker

ransomwhere The open ransomware payment tracker Setup Install development dependencies in backend by running npm install. Development Open index.html

Jack Cable 68 Dec 13, 2022
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

WMouton 2 Dec 25, 2021
Crypto-tracker - Get crypto currency data in one click. Followed by a few more clicks.

https://crypto-tracker-ayaanzaveri08.vercel.app/ Crypto Tracker Crypto Tracker tracks crypto with the CoinGecko API. This app uses the React framework

Ayaan Zaveri 0 Apr 30, 2022
Webb-tracker-api - James Webb Space Telescope (JWST) tracking REST API

James Webb Telescope tracking REST API Public REST API to track JWST's current status API data source: https://www.jwst.nasa.gov/content/webbLaunch/wh

Aslan Vatsaev 67 Nov 22, 2022
Transaction tracker for Defi Kingdoms and more!

DFK Balances DFK Balances is a super customizable and extensible Financial tracker for the DeFi Kingdoms ecosystem. It allows users to easily add thei

Gabriel Guimaraes 9 Feb 22, 2022
Bitcoin terminal tracker is a terminal app which allow you to track bitcoin price from your terminal

BTC Terminal Tracker Bitcoin terminal tracker is a terminal app which allow you to track bitcoin price from your terminal. In this version (V1.2) I ch

Sina yeganeh 9 Jul 27, 2022
Anime, Manga, and Light Novel Tracker Application for Windows

Courier Courier is an Anime, Manga, and Light Novel Tracker Application for Windows. With the help of AniList, this desktop app helps you manage and t

Kevin Hoang 8 Oct 5, 2022
A serverless AWS expense tracker API. AWS Lambda functions, API gateway, and Dynamodb are among the ingredients.

AWS-Serverless-API A serverless AWS expense tracker API. AWS Lambda functions API gateway Dynamodb Endpoints Create a new expense: Method: POST Body f

Ondiek Elijah Ochieng 1 Jul 16, 2022
100 days of code tracker tool.

100 days of code tracker tool 100 days of code tracker tool. Installation and use Clone/download the repository. Enter the 100-days-of-code-tracker-to

Eric Rasolofonirina 6 Mar 23, 2022
Basic IP Tracker app with leafletJs, Wookie & Ipify APIs.

IpTrackerApp This project was generated with Angular CLI version 13.3.0. Development server Run ng serve for a dev server. Navigate to http://localhos

Shoeb Uddin Ahmed 2 Apr 3, 2022
Minimalistic bill tracker for those who despise tracking microtransactions.

?? Home Bills Minimalistic bill tracker for those who despise tracking microtransactions. ?? Goals & Milestones Goals ?? Track important data. Trackin

ERYC 50 Dec 6, 2022