NotANumber
An interactive blog on computer science and web dev π‘
File Explorer
Download Latest Version (.zip)- settings.json
- client.tsx
- controls.tsx
- client.tsx
- algorithm.tsx
- build-index.tsx
- compaction.tsx
- dot-animation.tsx
- file-database.tsx
- file-resizing.tsx
- file-sequence.tsx
- hard-drive.tsx
- lsm.tsx
- mutable-database.tsx
- script.tsx
- search-index.tsx
- slider.tsx
- sparse-index.tsx
- update-index.tsx
- utils.ts
- file-database.ts
- use-file-database.ts
- layout.tsx
- opengraph-image.png
- page.mdx
- bgp.tsx
- connectors.tsx
- dns.tsx
- grid-cell.tsx
- grid-snapped-section.tsx
- little-internet.tsx
- network-devices.tsx
- network-diagram.tsx
- sequence-list.tsx
- header.tsx
- layout.tsx
- page.mdx
- AnimationShowcase.tsx
- index.tsx
- CodeQuiz.tsx
- index.tsx
- Counter.tsx
- index.tsx
- index.tsx
- KanjiCarousel.tsx
- KanjiCarouselSlide.tsx
- index.tsx
- NextButton.tsx
- Sandbox.tsx
- article-bleed.tsx
- RefreshComponent.tsx
- layout.tsx
- page.mdx
- CorrectedInverseAnimation.tsx
- index.tsx
- FlipExample.tsx
- index.tsx
- FlipFirst.tsx
- index.ts
- machine.ts
- FlipInverse.tsx
- index.tsx
- FlipLast.tsx
- index.ts
- machine.ts
- FlipLastReact.tsx
- index.tsx
- FlipOverview.tsx
- index.tsx
- machine.ts
- FlipPlay.tsx
- index.tsx
- index.tsx
- InitialPositionSandbox.tsx
- index.tsx
- InverseSandbox.tsx
- index.tsx
- InverseScaleFormula.tsx
- index.tsx
- InverseScaleGraph.tsx
- index.tsx
- InverseScaleSandbox.tsx
- index.tsx
- InverseSizeSlider.tsx
- index.tsx
- LayoutChangeExample.tsx
- index.tsx
- Motion.tsx
- index.tsx
- MotionSandbox.tsx
- index.tsx
- MotionSquare.tsx
- index.tsx
- PlaySandbox.tsx
- HorizontalRuler.tsx
- index.tsx
- index.tsx
- SizeDiagram.tsx
- Ruler.tsx
- styles.tsx
- index.tsx
- SizeDistanceExample.tsx
- index.tsx
- SizeDistanceInverseSnapshot.tsx
- index.tsx
- SizeDistanceRelationship.tsx
- index.tsx
- SizeLayoutExample.tsx
- index.tsx
- SizeMeasurements.tsx
- index.tsx
- SizePlayAnimation.tsx
- index.tsx
- WidthTransitionSandbox.tsx
- shared.tsx
- size.tsx
- TransformOriginSection.tsx
- layout.tsx
- page.mdx
- single-character.ts
- tokenize.ts
- Boilerplate.tsx
- CharacterList.tsx
- Pipeline.tsx
- Tokenizer.tsx
- TokenList.tsx
- layout.tsx
- page.mdx
- article-title.tsx
- grid-background.tsx
- grid-context.tsx
- layout.tsx
- nav.tsx
- figure.tsx
- drawing.tsx
- figure.tsx
- gradient-animation.tsx
- hello.tsx
- path-drawing.tsx
- path-examples.tsx
- path-length.tsx
- path-parts.tsx
- shared.tsx
- styles.module.css
- threads.tsx
- layout.tsx
- page.mdx
- header.tsx
- layout.tsx
- popover.tsx
- subscribe.tsx
- footer.tsx
- layout.tsx
- opengraph-image.png
- page.tsx
- posts.tsx
- subscribe.tsx
- array.png
- db.png
- debugger.png
- framer-magic-motion.png
- framer-motion-keys.png
- sliding-window.png
- svg-paths.png
- tokenizer.png
- route.ts
- route.ts
- route.ts
- kv.ts
- loops.ts
- _icon.tsx
- page.tsx
- regular.woff
- bold.woff
- bold.woff2
- regular.woff
- regular.woff2
- bold-italic.woff2
- bold.woff2
- medium-italic.woff2
- medium.woff2
- regular-italic.woff2
- regular.woff2
- semibold-italic.woff2
- semibold.woff2
- header.tsx
- connectors.tsx
- diagram.tsx
- example.ts
- icons.tsx
- runtime-utils.ts
- step.tsx
- transitions.ts
- types.ts
- layout.tsx
- page.mdx
- layout.tsx
- absolute.tsx
- commands.tsx
- content.tsx
- heart.tsx
- layout.tsx
- page.mdx
- square.tsx
- state.ts
- arc-sandbox.md
- arc-sandbox.tsx
- ellipse.tsx
- flags.tsx
- rotation.tsx
- small-ellipse.tsx
- syntax.tsx
- types.ts
- components.tsx
- content.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- state.ts
- components.tsx
- content.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- state.ts
- content.tsx
- editor.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- use-media-query.ts
- circle.tsx
- drag-group.tsx
- line.tsx
- path.tsx
- text.tsx
- tooltip.tsx
- button.tsx
- command-list.tsx
- content-wrapper.tsx
- draggable-endpoint.tsx
- icons.tsx
- index-provider.tsx
- interactive-command.tsx
- page-section.module.css
- page-section.tsx
- path-editor.tsx
- path-hover-visual.tsx
- path-practice.tsx
- path-visualizer.tsx
- path.tsx
- play-slider.tsx
- popover.tsx
- README.md
- ripple.tsx
- slider.tsx
- state-context.tsx
- svg.tsx
- utils.tsx
- visual-wrapper.tsx
- chain.tsx
- cubic-playground.tsx
- curve-general.tsx
- pill.tsx
- syntax.tsx
- content.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- state.ts
- types.ts
- content.tsx
- cursors.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- state.ts
- fs.ts
- path.test.ts
- path.ts
- components.tsx
- content.tsx
- layout.tsx
- opengraph-image.png
- page.mdx
- state.ts
- layout.tsx
- opengraph-image.png
- provider.tsx
- utils.ts
- layout.tsx
- provider.tsx
- styles.css
- dark-default.json
- light-colorblind.json
- component.js
- Checkbox.tsx
- index.tsx
- ExperimentsPage.tsx
- Row.tsx
- index.tsx
- Link.tsx
- annotation.tsx
- aside.tsx
- code-block-template.tsx
- code-block.tsx
- columns.tsx
- figure.tsx
- full-width.tsx
- heading.tsx
- note.tsx
- scroll-group.module.css
- scroll-group.tsx
- skip-link.tsx
- Wide.tsx
- index.tsx
- MobileNavIsland.tsx
- index.tsx
- PrimaryButton.tsx
- index.tsx
- Quiz.tsx
- codemirror.ts
- index.tsx
- Sandbox.tsx
- index.tsx
- SubscribeButton.tsx
- index.tsx
- SvgGridWrapper.tsx
- SvgBackgroundGradient.tsx
- index.tsx
- Visualizer.tsx
- AlgorithmControls.tsx
- Button.tsx
- Callout.tsx
- Caption.tsx
- ChangeIndicator.tsx
- Content.tsx
- Figure.tsx
- FullWidth.tsx
- Grid.tsx
- Heading.tsx
- icons.tsx
- Image.tsx
- Img.tsx
- MobileBottomBar.tsx
- NewsletterForm.tsx
- Note.tsx
- ordered-list.module.css
- OrderedList.tsx
- PlayButton.tsx
- Post.tsx
- ProblemStatement.tsx
- SecondaryButton.tsx
- SharedState.tsx
- Slider.tsx
- Spoiler.tsx
- stripe-pattern.tsx
- SubscribeInput.tsx
- ThemeToggle.tsx
- index.tsx
- BezierCurveQuiz.tsx
- index.tsx
- Cards.tsx
- index.tsx
- ControllableAnimation.tsx
- index.tsx
- EasingCurveEditor.tsx
- index.tsx
- EasingFunctionSandbox.tsx
- index.tsx
- alphanumeric.tsx
- index.tsx
- TextLoadAnimation.tsx
- index.tsx
- TopDownParser.tsx
- exec.ts
- index.ts
- snapshot.macro.d.ts
- snapshot.macro.js
- types.ts
- use-algorithm.ts
- cn.ts
- config.ts
- content.server.ts
- highlighter.ts
- parse-algorithm.ts
- transitions.ts
- use-interval.ts
- utils.ts
- apply-batch.test.ts
- apply-batch.ts
- biome-async.ts
- cli.ts
- parse-source-file.test.ts
- parse-source-file.ts
- patch-style.test.ts
- patch-style.ts
- resolve-safe-path.test.ts
- resolve-safe-path.ts
- server.ts
- .gitignore
- package.json
- pnpm-lock.yaml
- tsconfig.json
- vitest.config.ts
- index.js
- index.test.js
- package.json
- [...nextauth].ts
- bezier-curves.tsx
- cards.tsx
- family-input.tsx
- heavy-square.tsx
- safari-scroll.tsx
- scrambled-text.tsx
- [content].tsx
- _app.tsx
- _document.tsx
- stack-overflow.mdx
- get-component.ts
- prototyper.spec.md
- prototyper.tsx
- tailwindClassMap.ts
- PPEditorialNew-Bold.woff
- PPEditorialNew-Bold.woff2
- PPEditorialNew-Regular.woff
- PPEditorialNew-Regular.woff2
- debugger.png
- how-arrays-work.png
- keys-in-framer-motion.png
- magic-motion.png
- sliding-window.png
- tokenizer.png
- css.tmLanguage.json
- html.tmLanguage.json
- javascript.tmLanguage.json
- jsx.tmLanguage.json
- tsx.tmLanguage.json
- typescript.tmLanguage.json
- dark-default.json
- onig.wasm
- logo.svg
- pipeline.svg
- single-tokens.svg
- token-types.svg
- tokens.svg
- bg-dark.svg
- favicon.ico
- grid-dark.svg
- grid.svg
- noise.png
- vercel.svg
- fonts.css
- .eslintrc.json
- .gitignore
- babel.config.js
- babel.config.jsx-source.example.js
- biome.json
- mdx-components.tsx
- migration.md
- next-env.d.ts
- next.config.js
- package.json
- pnpm-lock.yaml
- postcss.config.js
- README.md
- stitches.config.ts
- tailwind.config.js
- tsconfig-esbuild.json
- tsconfig.json
- vitest.config.ts
# Installation Guide
1. Get the code
git clone https://github.com/nandanmen/NotANumber
Downloads the entire project code from GitHub to your computer.
cd NotANumber
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm run dev
Starts the development/run server.
yarn dev
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
