up71.me (uptime) - An experimental project using React, TypeScript, UX, AWS, and SEO

I recently created a learning project up71.me which is uptime in LEET encoded speak.  It is a purposefully basic SLA calculation utility with a focus on quality web design.  In large enterprises creating and managing a public site soup to nuts is not possible.  While an SLA calculator is a bit small and trivial it does offer a good simple use case to tinker with.

Screenshot of website
Screenshot of website

Why did I pick an SLA calculator for my pet project?  The motivation came out of annoyance.  The top-ranking Google results for SLA calculators/uptime are minimally functional and lack the polish, usability, and performance that can be easily created with a modern set of development tools.  Many things could be improved upon looking at existing SLA pages: faster load time, mobile-optimized, cursor defaults to input element, examples, description, accessibility, multi-lingual, client-side only processing.  Beyond this, I had never tried to beat out an existing set of websites by improving search engine optimization, google page rank, refers, etc.  So I set to work and launched the site using some technologies I wanted to keep using including React.js, create-react-app, Typescript, react-bootstrap and AWS.

The site has been live for months now and I continue to tinker and put knowledge into practice.  Almost immediately up71.me was more usable, faster, mobile-friendly, and cleaner than the popular SLA calculator search results.  My other 'goal' of being a top-ranked website for SLA calculation has not been achieved yet.  I have not really expended the effort required.  It is something I do intend to continue to chip away at.

Check out the site and source code: (https://up71.me and https://github.com/TedMN/up71.me)



Comments

Post a Comment

Popular posts from this blog

Configuring Javascript SyntaxHighligher 3+ in a Blogger site

Image
In this post I tactically outline a quality way to configure the Javascript based SyntaxHighlighter library into a Blogger site. The configuration below makes use of the recent autoloader available in version 3 and greater of the SyntaxHighlighter.  The configuration code below is in fact using the SyntaxHighlighter which incidentally allows you to copy the code examples quickly.  Check out this very popular library here . Configuration: 1.  Login into blogger.com and click/select the site you want to configure ( http://www.blogger.com/home ) to support syntax highlighting.  Generally if there are multiple sites you would like to enable each site's template will need to be configured individually. 2.  Click the Template link from the sidebar of the Blogger Site main page shown below. 3.  Save the template, if you choose, by clicking on Backup/Restore in the upper righthand corner and following the instructions.  Better to be safe rather t...
Read more

Common Misunderstanding of UML

Over at Stack Overflow a question was posted " Is UML practical? ". The question itself is fine, but several of the answers were so narrowly focused. I believe that the everyday developer only sees UML as only a common set of shapes drawing a picture. Granted it has a common set of shapes for notation, but UML is first and foremost about modeling. (Big surprise coming from a Modeling Website). Where did this dis-information come from? In my experience the UML for diagrams message comes from schools/universities and popular UML books. Schools will often only teach UML as a way to diagram the solution you and your team of group participants are going to code up. Well of course it seems a little redundant in that contrived learning environment. UML's concepts are to large to teach in the same class as project management 101 or multi-developer projects 101. Most people just don't go any further with it and thus the collective knowledge is that UML is for making d...
Read more

DSMForum.org great resources, worth a look.

I have followed the DSM (Domain specific modeling) happenings online for sometime now and at best the community is scattered and most discussions/happenings limited to conferences. However, the DSMForum.org pulls this information together for easy consumption. Don't be fooled by the dated last century website design, all nerdy modeling website look that way. The DSM Publications page provides the best set of links for DSMs on the web, including podcast, conferences, and papers. Dispite one of the co-founders working for MetaCase a tool I am not currently focusing I found their coverage not too biased. The tools page they provide is nearly accurate, playing down eclipse and rational contributions a little bit, but the list represents the major players to my knowledge. RSM/RSA now has a UML Profile Tooling capability and eclipse GMF has beta WYSISYG editor the list could use rework, but a minor complaint. They also have a Linked-in group, although it is not that active.
Read more