This project was created to help small businesses or really any individual with creating a professional svg image logo, making it scalable to any size while keeping it's quality. All you have to do is answer a few questions and the file is generated for you! This could come in handy when creating some logo mockups or just simply so you don't have to break the bank finding someone to create such a simple logo design.
-
Start by cloning this repository to your local machine.
-
Make sure to have node and inquirer installed prior to using the application (jest is not needed unless you want to run tests)
-
Run node index.js from your terminal
-
You will be prompted with four questions in creating your SVG logo
-
Voilà! You have a new 'logo.svg' located in the examples folder
For further guidance on using this CLI application, watch this walk through video by opening the toggle below and clicking the link!
Walkthrough Video
As long as you can clone this repo, you can use this code however you see fit! However if you use this code and make some money off of it.. let a girl know lol
Repository Owner: P.J. Rasmussen (whats-a-pj)
Process Summary
Created my repo on Github and cloned it locally with the README file
Added folders and files according to the file structure given on the challenge instructions
Bookmarked all the files necessary to understand SVG files
Copy and pasted from my previous assignment "Professional README Generator"
Plugged in all the info I needed for this assignment
Created my shape classes
Imported and exported all the files
Researched why my shapes weren't being made and got help from my TAs
Started working on Jest testing
Updated README, recorded my walkthrough video, added that to README
Credits
These are the websites I used to create this application
https://marketplace.visualstudio.com/items?itemName=jock.svg
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Texts
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Basic_Shapes
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
https://en.wikipedia.org/wiki/SVG
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polygon
https://www.testim.io/blog/jest-testing-a-helpful-introductory-tutorial/
I had help from Jacek Hacking (TA) and Trever Oveson (TA) during office hours (before and after class) to understand why the shapes themselves weren't being created, I had enough code already written that it didn't take too long to understand the problem.
I had a study group with Brian Whisler, Jeremy Rapich and Salvador Mejia on 8/27 to look over Jest in each other's code, as we each wrote our shapes.js file differently from each other as well as talk about the last week's classes.
I had help from Oscarlos Gomez Rosario with AskBCS to understand why my original Jest tests weren't passing, turns out once again- I did have the right idea and enough code to set things right, I just needed to re-add my describe functions I originally had.