A collection of frontend machine-coding projects built with React.js. These small apps and challenges are focused on strengthening logical thinking, problem solving, and practical React skills through hands-on exercises.
- Multiple frontend projects (each in its own folder, e.g.
auto-complete/) - Built with React (Vite + React) for fast iteration
- Practical problems that improve component design, state management, and UI/UX thinking
Below is a table of projects included in this repository. "Project" links to the project folder; "Demo" links to a live demo when available (or notes how to run locally).
| Project | Demo |
|---|---|
| Auto-Complete | https://weather-app |
Note: If a demo link is missing, run the project locally:
cd <project-folder>
pnpm install # or `npm install` / `yarn`
pnpm dev # or `npm run dev` / `yarn dev`Open the app in your browser (usually at http://localhost:5173)
This repository collects short, focused machine-coding tasks intended for:
- Practicing React fundamentals (components, hooks, props, state)
- Improving problem decomposition and logical reasoning
- Building confidence with small, testable UIs
- React.js (with Vite)
- JavaScript (ES6+)
- HTML & CSS
machine-coding/
├─ auto-complete/ # example project
│ ├─ src/
│ ├─ index.html
│ └─ package.json
├─ another-project/
└─ README.md
Each project is self-contained and can have its own tooling and scripts.
- Feel free to fork and use these exercises for learning or interviews
- Add your own solutions or improvements as separate folders or branches
- Open issues or pull requests if you want feedback or to contribute features
- The live demo link above is optional and may change. Check each project's folder for local instructions.
- bMonad (Shivansh Singh)
If you'd like, I can automatically scan the repository and add every detected project to the table, add badges, or create per-project READMEs. Tell me which extras you want and I'll update the README.