This is an application for designing custom tshirts developed in AngularJS. You can use it to quickly design Tshirts using the online editor.
The application contains features like:
- Uploading, scaling and roating images
- Inserting, scaling and rotating text
- Changing shirt colour
- Saving Current Designs as well as Loading previous saved designs
- Undo and Redo option
To get you started you can simply clone the tshirt-designer
repository and install the dependencies:
You need git to clone the tshirt-designer
repository. You can get git from here.
You must LAO have Node.js and its package manager (npm) installed. You can get them from here.
Clone the tshirt-designer
repository using git:
git clone https://github.com/mendoncagary/tshirt-designer.git
cd tshirt-designer
We have preconfigured npm
to automatically run bower
so we can simply do:
npm install
Behind the scenes this will also call bower install
. After that, you should find out that you have
two new folders in your project.
node_modules
- contains the npm packages for the tools we needapp/bower_components
- contains the Angular framework files
Note that the bower_components
folder would normally be installed in the root folder but
angular-seed
changes this location through the .bowerrc
file. Putting it in the app
folder
makes it easier to serve the files by a web server.
We have preconfigured the project with a simple development web server. The simplest way to start this server is:
npm start
Now browse to the app at localhost:8000/index.html
.