Skip to content

ofcyln/save-the-text

Repository files navigation

Save the Text

Save your texts as quickly as possible. On desktop PCs, tables or mobile phones, whenever and wherever you need! savethetext.app

Save the Text


Motivation

Sometimes you need to copy some text and paste it in a place to hold it for a moment or so and immediately after you need to copy another text, but you wanted all reachable. I wanted to use a handy text storage to come in help.

So why not to create a quick and easy-to-use web application for that. 💡

Features

Save the Text app has simple UI implementation. It has an easy-to-use UX design in it for keeping previously entered text and reach them alongside to list.

It has dark mode feature for a better readability.

Wireframe

I've created a wireframe to see the overall view of the application before development see the wireframe

Technologies used on the development process

  • Angular 10+ version
  • PWA - Progressive Web Apps
  • Tailwind CSS
  • UX research and collecting remarks of users to shape UI
  • Responsive design integration
  • HTML5 semantic structure
  • SCSS - SCSS mixinss
  • Custom SVG font-icons
  • Google Firebase
  • Google Analytics
  • Logo Scene web app to create splash screen mock and social share image variations
  • PWA Asset Generator for splash screen creations including dark mode splash screens

Installation on your local environment

This project was generated with Angular CLI version 10.1.3

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.