Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cyphernyx/make-an-svg-logo-with-node

Node.js command-line application that takes in user input to generate a logo and save it as an SVG fileLinks to an external site.. 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.
https://github.com/cyphernyx/make-an-svg-logo-with-node

Last synced: about 4 hours ago
JSON representation

Host: GitHub
URL: https://github.com/cyphernyx/make-an-svg-logo-with-node
Owner: CypherNyx
License: mit
Created: 2023-07-25T20:43:33.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-07-28T13:27:02.000Z (over 1 year ago)
Last Synced: 2023-07-28T14:43:32.848Z (over 1 year ago)
Language: JavaScript
Size: 72.3 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # SVG Logo Maker

> Module 10 - Object-oriented Programming: SVG Logo Maker

This is a Node.js command-line application that takes in user input to generate a logo and save it as an SVG fileLinks to an external site.. 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.

![JavaScript](./assets/JavaScript.svg)

![Node](./assets/node.svg)

![HTML](./assets/html.svg)

## Table of Contents

  * [Demo](#demo)

  * [Screenshots](#screenshots)

  * [Installation](#installation)

  * [Usage](#usage)

  * [Contributing](#contributing)

  * [License](#license)

  * [Questions](#questions)





## Demo

Here is the Application Demo:



[Link to video Demo ➡️](https://drive.google.com/file/d/13NkIIsRzhHnStwo339Fk1UFPMev-BwOd/view)

https://github.com/CypherNyx/Make-an-SVG-Logo-with-Node/assets/133705303/09b69640-0a32-4535-98c1-a6fac96e66f4

 



### Sample Images:

![circle](./examples/circle_sample.svg)

![square](./examples/square_sample.svg)

![triangle](./examples/triangle_sample.svg)

## Screenshots





![Shapes test](./assets/Screenshot-passed-tests.png)

![Prompt questions](./assets/Screenshot-prompts.png)





## Installation

To create your svg logo first, you'll need to have Node.js installed on your computer. Once you have Node.js set up, you can follow these steps to install and use the application:

1. Clone this GitHub repository to your local machine. 
 

```sh

git clone https://github.com/CypherNyx/Make-an-SVG-Logo-with-Node.git

```

2. Open a terminal or command prompt and navigate to the cloned repository's directory.

3. Run ```npm install``` to install the necessary dependencies.

## Usage

To generate your SVG icon, follow these steps:

1. Open a terminal or command prompt and navigate to the SVG logo maker directory.

2. Run the application using the command 


```sh

node index.js

```

3. Answer the prompted questions about your application repository.

4. Once you have provided all the required information, the application will generate a file named logo.svg in the same directory

5. Open the new "logo.svg" file in VS Code and if you press alt + B, this will open the image on your default browser where you can check the final result. Now you are ready to rename the file and move it to it's final destination, enjoy!

## Contributing

1. Fork it ()

2. Create your feature branch (`git checkout -b suggest/new-feature`)

3. Commit your changes (`git commit -m 'Add some new-feature'`)

4. Push to the branch (`git push origin suggest/new-feature`)

5. Create a new Pull Request

## License

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

  

  https://opensource.org/licenses/MIT 

## Questions

If you have any questions or need further assistance, you can reach me via the following:

  GitHub: [Dahlia Guido's GitHub](https://github.com/CypherNyx) 


  Email: [email protected]