Copy2me
Copy2me is a Progressive Web App which enables you to easily share any links across all your devices in a simple and intuitive way. The following screenshots give you an idea how the application looks.
Technology Stack
- Angular 2
- Webpack 2
- Firebase
- localForage
- TypeScript
- ECMAScript 2015
- materialize-css
- sw-toolbox
Features
Copy2me fulfills all steps of Google's Progressive Web App definition:
- Progressive (newer web standards like the service worker are progressively enhanced)
- Responsive
- Connectivity Independent
- App-like
- Fresh
- Safe
- Discoverable
- Re-engageable
- Installable
- Linkable
Getting started
If you want to experiment with this application and learn more about the concepts behind Progressive Web Apps just fork this project and get started. A great introduction on what Progressive Web Apps are exactly can be found on Google's Developers site.
The following steps explain all steps in order to execute Copy2me on your local machine:
Requirements
Before you can compile and run the project you have to make sure that you installed Node.JS on computer. If you are uncertain whether you already have a copy of Node installed on your machine, just execute the following command in your command line:
$ node -v
After executing this command you should see either the installed version number of Node or the error message 'command not found' indicating that Node is not installed on your system.
You can download the latest Node.JS version from the official node site: https://nodejs.org. Node.JS is available on Windows, macOS and Linux. It's important to know that Node comes with npm (node package manager), which is the tool needed to install the Copy2me dependencies later.
Clone or download the project
Now that you made sure that Node.JS is installed on your system you can clone or download the project.
$ git pull https://github.com/Safi1012/Piclet.git
Install all dependencies
To install all Copy2me dependencies you just have to navigate to the project root and execute:
$ npm install
Npm will then start downloading and install all referenced dependencies.
Execute Copy2me
Finally, run the application and start experimenting. The following commands help you to get started:
Command | Description |
---|---|
npm run start | Starts webpack development server @localhost:3001 |
npm run server:dev | Starts webpack development server @localhost:3001 |
npm run server:prod | Builds production bundle to /dist directory and starts a server @localhost:8080 |
npm run build | Builds production bundle to /dist directory |
npm run build:aot | Builds production bundle with the AOT compiler to /dist directory |
Deploy Copy2me
If you want to deploy Copy2me by yourself make sure to checkout the Copy2me-backend repository.