Front-End Web Developer – Private NFL Draft Database

Filled
February 19, 2026
Apply Now

Job Description

Role: Front-End Developer (Web App)
Type: Freelance / Contract
Location: Remote

🔹 Project Overview

You’re looking for a private web application to manage an NFL draft database with interactive, sortable, filterable, and editable front-end functionality. The app will allow you to quickly manipulate prospect data, view detailed pop-ups, and adjust lists and columns intuitively.

The functionality is inspired by this reference site and revolves around football analytics with percentiles and heat-mapping.

🔹 Key Features & Requirements

Database Display & Front-End Interaction

  • Sortable & filterable tables: Organize prospects by attributes like position, percentile, or performance metrics
  • Editable entries: Add/remove prospects, edit any data field, and update metrics directly from the front-end
  • Reorderable lists: Move prospects up and down within the ranking list
  • Dynamic columns: Optionally add/remove/move columns for custom views
  • Clickable rows: Each prospect opens a pop-up modal with expanded information (example attached)

UI/UX Expectations

  • Clean, responsive interface inspired by the reference site
  • Fast, intuitive filtering and sorting even with large datasets
  • Pop-up modals that display additional metrics, charts, or heatmaps

Data Integration

  • Initial dataset provided as CSV/JSON (example attached)
  • Must support dynamic front-end updates without page reloads
  • Optionally allow data export or local storage for session persistence

🔹 Tech Stack Suggestions

  • Frontend: React.js or Vue.js (for dynamic interactivity and state management)
  • Styling: Tailwind CSS, Bootstrap, or Material UI for responsive design
  • State Management: React Context / Redux / Vuex (optional for complex filtering)
  • Data Handling: JSON or local database like IndexedDB; optional lightweight backend (Node.js + Express) if persistence is required
  • Charts & Heatmaps: Chart.js or D3.js for visual analytics

🔹 Timeline

  • Completion target: Within 1 month
  • Milestones:
    1. Initial table setup with sorting/filtering – Week 1–2
    2. Editable rows, add/remove functionality – Week 2–3
    3. Pop-up modals and column adjustments – Week 3–4
    4. QA, bug fixes, and final polish – End of Month

🔹 Deliverables

  • Fully interactive NFL draft web application with all requested functionality
  • Documentation for adding new prospects, modifying columns, and maintaining the system
  • Optional: Lightweight deployment instructions for local or web hosting