Shape Factory

Welcome to Shape Factory! This application allows you to dynamically create squares and circles inside a grid container using HTML , CSS , and JavaScript .

How to use

• Select 'Shape' between 'circle' and 'square'.
• Select a specific colour from the provided options.
• Click on the 'Create' button.

JavaScript Class

class Shape {
  constructor(name, colour) {
    this._name = name;
    this._colour = colour;
  }

  get name() {
    return this._name;
  }

  get colour() {
    return this._colour;
  }

  getInfo() {
    return `${this._colour} ${this._name}`;
  }
}

Technologies Used

Contributions

Worked with Manpreet_Kaur for this project.

Demo

Click here to test the application.

Thank you for using Shape Factory! Happy coding! 🎉