GithubHelp home page GithubHelp logo

armster15 / react-pascal-triangle Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 97 KB

A (not so great) implementation of Pascal's Triangle in JavaScript, along with a UI built in React

Home Page: https://react-pascal-triangle.vercel.app

License: MIT License

HTML 7.12% JavaScript 20.09% TypeScript 60.53% CSS 12.26%
react pascals-triangle

react-pascal-triangle's Introduction

Pascal's Triangle in React

code style: prettier

โ“ Why does this exist?

I was bored so I recreated Pascal's triangle in React just for fun. I did not look up any implementations of Pascal's triangle in JavaScript before making this, the logic is all of my own. I made this in around an hour. This also is definitely not the most efficient JavaScript Pascal's triangle implementation, far from it ;)

As for dependencies, it just uses React, TailwindCSS and I used Vite as my development environment. I also used a useList hook from react-use.

The code isn't exactly beautiful, as I made this under an hour I didn't bother commenting or making the code look too clean. The user interface itself works, but there may be some CSS edgecases that haven't been properly implemented (example: overflow handling). Maybe one day I'll document the code but probably not.

๐Ÿ“ท Screenshot

๐Ÿš€ Getting Started

  1. Clone the repository

    git clone https://github.com/Armster15/react-pascal-triangle
    
  2. Install dependencies

    cd react-pascal-triangle && npm install
    
  3. Start the development server

    npm run start
    

react-pascal-triangle's People

Contributors

armster15 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.