Home - uttamsai/digital-art-supplies GitHub Wiki
Digital Art Supplies — Project 1 Wiki
Welcome to the wiki for Digital Art Supplies, a client-only React single-page application built for CS351 Project 1.
About the project
Digital Art Supplies is a fictitious online storefront for drawing tablets — screenless pen tablets, pen displays (built-in screen), and standalone tablets (built-in Android) — from real manufacturers: Wacom, Huion, XP-Pen, GAOMON, and Xencelabs. It is not affiliated with or endorsed by any of these brands; it's a class project styled after how a real retailer sells third-party products.
Tech stack
- React 19 (function components + hooks)
- Vite 8 (build tool / dev server)
- React Router v7 (
HashRouter, so client-side routes work on a static file host with no server-side rewrite rules) - Bootstrap 5 (grid, navbar, forms, buttons, pagination) + custom CSS
Pages / views
| View | Route | Description |
|---|---|---|
| Home | #/ |
Hero banner + featured product picks |
| Shop | #/shop |
Full catalog (28 products) with search + category filter + pagination |
| Product Detail | #/product/:id |
Bundle/color/quantity selection, Add to Cart with validation |
| Account | #/account |
Login form (client-side validated) |
| Create Account | #/create-account |
Full validated signup form |
| Cart | #/cart |
Cart contents, quantity controls, totals |
Links
- GitHub repo: https://github.com/uttamsai/digital-art-supplies
- Live deployed site: https://storage.googleapis.com/uttamsai-digital-art-supplies/index.html
Wiki pages
- Validation — W3C HTML/CSS validator results
- Mobile Ready Demo — responsive layout screenshots
- createAccount Demo — form validation demo video
- Templates and other code — third-party code / AI-assistance disclosure