Skip to content

ijash/o-ring-finder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

630e86c · Jan 16, 2025

History

68 Commits
Dec 20, 2024
Sep 22, 2022
Jan 16, 2025
Dec 27, 2024
Dec 27, 2024
Sep 16, 2022
Dec 21, 2024
Sep 16, 2022
Sep 22, 2022
Jan 16, 2025
Jan 16, 2025
Dec 20, 2024
Dec 25, 2024

Repository files navigation

O-Ring Finder

Table of Contents

Introduction

O-Ring Finder is a web tool to help users find the right o-ring size and details. It is built with React and TypeScript, hosted on GitHub Pages.

Using the Site

  1. Visit: O-Ring Finder
  2. Use the input form to filter o-rings.
  3. Click on any row to view detailed o-ring specifications.

Setup and Development

Prerequisites

  • Node.js v14+
  • npm v6+
  • TypeScript v4+
  • React v18+

Setup

  1. Clone: git clone https://github.com/ijash/o-ring-finder.git
  2. Install dependencies: npm install
  3. Start development server: npm start or npm run dev

Code Overview

  • public: Static assets and index.html.
  • src: Application source code.
    • src/components: React components for the UI:
      • Header: App title and description.
      • InputSection: Form for filtering o-rings.
      • TableSection: Displays filtered o-rings.
        • Modal: Shows o-ring details.
      • Footer: Footer content.
    • src/data: Raw o-ring data and utilities.
    • src/css: CSS/SCSS styles.

Build and Deploy

  1. Build: npm run build
  2. Deploy: npm run deploy

Contributing

  1. Create a branch: git checkout -b my-feature
  2. Make changes and commit: git commit -m "Add feature"
  3. Push: git push origin my-feature
  4. Open a pull request.

License

O-Ring Finder is under the GNU GPLv3.

About

Tool for finding the right o-ring size

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages