svg-logo-generator
SVG Logo Maker using OOP
Your Task
The task was to build a Node.js command-line application that takes in user input to generate a logo and save it as an SVG file. The application prompts the user to select a color and shape, provide text for the logo, and save the generated SVG to a .svg file.
User Story
AS a freelance web developer
I WANT to generate a simple logo for my projects
SO THAT I don't have to pay a graphic designer
Acceptance Criteria
GIVEN a command-line application that accepts user input
WHEN I am prompted for text
THEN I can enter up to three characters
WHEN I am prompted for the text color
THEN I can enter a color keyword (OR a hexadecimal number)
WHEN I am prompted for a shape
THEN I am presented with a list of shapes to choose from: circle, triangle, and square
WHEN I am prompted for the shape's color
THEN I can enter a color keyword (OR a hexadecimal number)
WHEN I have entered input for all the prompts
THEN an SVG file is created named `logo.svg`
AND the output text "Generated logo.svg" is printed in the command line
WHEN I open the `logo.svg` file in a browser
THEN I am shown a 300x200 pixel image that matches the criteria I entered
Installation
You may run below command lines in your terminal: npm install inquirer@8.2.4 npm install jest npm install npm start or node index.js
Usage
The application prompts the user to select a color and shape, provide text for the logo, and save the generated SVG to a .svg file.
screenshot of the page
Video Link
https://drive.google.com/file/d/1mRTd9sOwqQjHMr8Kmx2kPyW2GmQeUSIh/view
URL of Github Repository
Github Repo URL: https://najiba-haidari.github.io/svg-logo-generator/
Credits
N/A
License
This app is made under MIT license.