GithubHelp home page GithubHelp logo

slfdspln / logo-maker Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 35.24 MB

In Week-10 Challenge utilizing node.js, a command line application has been developed with the purpose of generating customized SVG file logos, facilitating the graphic design process for developers and their clients or company.

JavaScript 100.00%
npm back-end-development devdependencies jest node-js svg-logo unit-testing

logo-maker's Introduction

Logo-Maker

Week-10 Challenge

License: MIT

Description

This app empowers freelance web developers to create custom logos without hiring a graphic designer. It uses inquirer to prompt users for logo preferences, such as up to three characters of text, text color, and shape (triangle, square, or circle) with a corresponding color. After answering the prompts, the app generates an SVG file with the user's selections. I also implemented unit testing for the first time, with a test suite consisting of three tests to ensure accurate shapes and colors. This app showcases the potential of back-end developers and the importance of unit testing, even for small projects. I added minor error handling for the first prompt, limiting text input to three characters. Future improvements could include additional error handling for SVG colors, more unit tests, and expanded font and polygon options. All in all, creating this app was a valuable learning experience that further developed my developer mindset.

Table of Contents

Live Screen Recording of Application Functionality

https://drive.google.com/file/d/1833SYkvuG8B2m24mdbQBHrW7q9xDsov1/view

Screenshots

logo generation

image

Screenshot 2023-05-03 at 4 46 41 PM

Screenshot 2023-05-03 at 4 45 04 PM

Examples of Generated Logos

Screenshot 2023-05-03 at 5 31 20 PM

Screenshot 2023-05-03 at 5 33 44 PM

Screenshot 2023-05-03 at 5 36 09 PM

Technologies Used

This project utilizes Node.js v16, inquirer v8.2.4 (node package manager), and file system module (node package manager), as well as jest v29.5.0 (node package manager) for conducting unit testing.

Installation

  1. Clone the repo: git clone [email protected]:Slfdspln/logo-maker.git
  2. To access, utilize VS Code. Installation is necessary if not currently installed.
  3. To install node.js v16 using the terminal, refer to the documentation for the appropriate command. For instance, if you have homebrew, you can use the command 'brew install node@16'.
  4. After installing node.js v16, use the command "npm init -y" in the terminal to create a package.json file for storing project files.

Using the terminal, run "npm i" to install the application's dependencies. For inquirer and jest, developers can install them directly from the command line using "npm i [email protected]" for version 8.2.4 of inquirer and "npm i jest" for the latest version of jest. 6. Type "node index.js" in the terminal to run the application.

Usage Information

To run the application, navigate to its directory using the command line, install dependencies (npm i), and run the command "node index.js". Answer the questions that follow and once done, a message will appear confirming the logo generation. Check the newly generated SVG file for your new logo.

For unit testing, refer to the Test Instructions section.

Test Instructions

To perform unit testing, execute the command "npm run test" in the terminal. Currently, there is a single test suite containing three tests. This suite verifies that the render() method generates the correct string for the specified shape color in the associated SVG file.

Screenshot 2023-05-03 at 5 59 53 PM

License

NOTICE: This application is covered under the MIT License

Questions

Need more information? You can contact me through my LinkedIn or Email. Links provided below.

Click for LinkedIn -> LinkedIn

Click to Email -> Email

logo-maker's People

Contributors

slfdspln avatar

Stargazers

 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.