Coder Social home page Coder Social logo

svg-logo-maker's Introduction

SVG-Logo-Maker

Module 10 Challenge

License: MIT

Table of Contents:

Description

This is a command-line application that helps freelance web developers generate basic logos for their projects.

Acceptance Criteria

  • When prompted for text, you can enter up to three characters.
  • When prompted for the text color, you can enter a color keyword or a hexadecimal number.
  • When prompted for a shape, you will be presented with a list of shapes to choose from: circle, triangle, and square.
  • When prompted for the shape's color, you can enter a color keyword or a hexadecimal number.
  • After entering input for all the prompts, an SVG file named logo.svg will be generated in the current directory.
  • The command line will output "Generated logo.svg" once the file is created.
  • Open logo.svg in a web browser to view a 300x200 pixel image that matches the criteria you entered.

Technologies

  • Node.js
  • jest
  • Inquirer

Installation

To install this application:

  • Simply clone the repository
  • run npm install & npm init -y to install the required dependencies.

Usage

To generate a logo, run the command-line application and follow the prompts to input text, text color, shape, and shape color. After providing all the necessary inputs, a logo.svg file will be created in the current directory.

## Run Command
node index.js

## To Verify 
- use the command "npm test" in your terminal then follow prompt.

Preview / Screenshot

alt text

Contact

For more projects and information about the developer, please visit:

Output

The application generates a 300x200 pixel SVG file named "logo.svg" that reflects your chosen text, text color, shape, and shape color. You can open this file in any web browser to view your logo.

References:

License

  • This project is licensed under the MIT License.

svg-logo-maker's People

Contributors

ajfizzle 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.