Skip to content
BranchesTags

Repository files navigation

Optima

Overview

Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.

Features

  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making

User Flow

  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.

Technology Stack

  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel

Installation & Development

Prerequisites

  • Node.js
  • npm or yarn

Setup

  1. Clone the repository: 
    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies: 
    npm install # or yarn install
  3. Run the development server: 
    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.

Deployment

To deploy on Vercel:

  1. Install the Vercel CLI: 
    npm install -g vercel
  2. Deploy the project: 
    vercel

Contribution

Contributions are welcome! Please follow these steps:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request

License

This project is licensed under the MIT License.

Contact

For any questions or feedback, please open an issue in the repository or reach out to the maintainer.

Credit

Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com

About

A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀

optima-peach.vercel.app/

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
})();
GitHub - noahtf13/Optima: A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀 · GitHub
Skip to content
BranchesTags
Repository files navigation
Optima
Overview
Optima is a lightweight, single-session web application designed for groups to efficiently reach a consensus on a list of items using a margin-sensitive Elo algorithm. The application ensures a snappy, distraction-free UX and requires no sign-in or persistent data storage.
Features
  • Single-session, ephemeral usage (no user accounts or data storage)
  • Fast, responsive UI optimized for desktop and mobile
  • Deterministic decision-making with an Elo-based ranking system
  • Simple and intuitive workflow for entering items, voting, and ranking
  • Automatic elimination of weak options for efficient decision-making
User Flow
  1. Home Screen: Users enter a list of items to be ranked.
  2. Voter Entry: Participants enter their names to vote.
  3. Voting Round: Items are matched up in an A vs. B format for voting.
  4. Ranking Calculation: An Elo-based algorithm determines the strongest options.
  5. Final Results: A ranked list is displayed with an option to copy results or restart.
Technology Stack
  • Frontend: Next.js (React, TypeScript, Tailwind CSS)
  • State Management: React Context / useState
  • Deployment: Vercel
Installation & Development
Prerequisites
  • Node.js
  • npm or yarn
Setup
  1. Clone the repository:

    git clone https://github.com/noahtf13/Optima
cd Optima
  2. Install dependencies:

    npm install # or yarn install
  3. Run the development server:

    npm run dev # or yarn dev
  4. Open the app in your browser at http://localhost:3000.
Deployment
To deploy on Vercel:
  1. Install the Vercel CLI:

    npm install -g vercel
  2. Deploy the project:

    vercel
Contribution
Contributions are welcome! Please follow these steps:
  1. Fork the repository
  2. Create a feature branch (git checkout -b feature-name)
  3. Commit your changes (git commit -m "Added new feature")
  4. Push the branch (git push origin feature-name)
  5. Submit a pull request
License
This project is licensed under the MIT License.
Contact
For any questions or feedback, please open an issue in the repository or reach out to the maintainer.
Credit
Harper Reed's Blog on their codegen workflow was intstrumental here as I'm a Data Scientist by day and am completely unfamiliar with frontend work outside of basic HTML/CSS. I'd love to learn best practice as much as possible, so if you see me deviating from it submit an issue or PR, or just send me an email to noahtylerford@gmail.com
About
 A fast, no-sign-in web app for groups to rank options through head-to-head matchups using an Elo-based system. 🚀
optima-peach.vercel.app/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Used by
Contributors
Languages