air up - SVG Label

A simple application to place a label in the point of inaccessibility
· Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Roadmap
4. Contact
5. Acknowledgements

About The Project

SVG label is a small application to add label to the best point of inaccessibility

• Add label to the svg polygon by
  • Enter label name
  • Browse or drop svg files to load the svg
  • Click the Render button to add label on the loaded svg
• You can view all rendered SVG by clicking on view history

Built With

• React JS
• Typescript
• Sass

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

Require Node to run this project

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/MakeWaterGreatAgain/SeemranCaseStudy.git

2. Install NPM packages

   npm install

3. Run API in json server

   json-server --watch db.json --port 3004

4. Excute the application

   npm run start

Roadmap

See the open issues for a list of proposed features (and known issues).

Contact

Seemran Xec - ([email protected])

Project Link: https://github.com/MakeWaterGreatAgain/SeemranCaseStudy.git

Acknowledgements

• Typescript : Used for error free code and faster developement
• Sass : CSS pre-processor used for better structuring of the styles
• Axios : To make API request
• React Router : Used for routing of pages
• TinyQueue: Binary heap priority queue used in the alogorithm
• Font Awesome: Icon library
• JSON Server: Dummy server to mimic API

References used for this project

• https://sites.google.com/site/polesofinaccessibility/