https://github.com/ayush-97techyboy/xcheckparity
A responsive react app to check the even & odd no. & NAN when i/p is a;lphabets.
https://github.com/ayush-97techyboy/xcheckparity
html5-css3-javascript react-hooks reactjs responsive-design
Last synced: about 1 month ago
JSON representation
A responsive react app to check the even & odd no. & NAN when i/p is a;lphabets.
- Host: GitHub
- URL: https://github.com/ayush-97techyboy/xcheckparity
- Owner: Ayush-97techyboy
- Created: 2026-04-04T16:59:46.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-04-14T17:05:17.000Z (3 months ago)
- Last Synced: 2026-04-14T18:22:50.460Z (3 months ago)
- Topics: html5-css3-javascript, react-hooks, reactjs, responsive-design
- Language: JavaScript
- Homepage: https://checkparity-ev-or-odd.netlify.app/
- Size: 79.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# XCheckParity - Even or Odd Checker
## Overview
XCheckParity is a minimal, responsive web application built with React and Vite. It allows users to input any number and quickly determine its parity (whether it is an Even or Odd number) with a single click.
## Features
- **Dynamic Feedback:** Instant parsing and feedback indicating if a number is "even", "odd", or "invalid".
- **Responsive Layout:** Includes an elegant card design centered on screen, adapting smoothly to full screen formats across devices.
- **Accessibility Friendly:** Built with keyboard focus states and screen-reader supported attributes on inputs.
- **Error Handling:** Recognizes incorrect formatting such as alphabetical strings and gracefully alerts the user with proper warnings.
## Tech Stack
- Frontend Framework: React (via Vite)
- UI / Styling: Vanilla CSS
## Setup Instructions
1. Navigate to the project directory.
2. Run `npm install` to install dependencies.
3. Run `npm run dev` to start the local development server.
## Code Structure Highlights
- `/src/App.jsx` contains the core application state logic and view templating. Reusable parity checks execute locally on input strings.
- `/src/App.css` and `/src/index.css` outline project theming, global alignments, and isolated card layouts for modern rendering.