Giter Club home page Giter Club logo

personalwebapp's People

Contributors

olsondev avatar

Stargazers

 avatar

Watchers

 avatar  avatar

personalwebapp's Issues

Build a simple blog engine

Few implementation options:

A. Use a desktop editor and manually store MD & generated HTML in the SQL database
B. Create an Admin area (secured by Google Auth) & edit/save/commit documents there
C. Edit them on GitHub, commit to GitHub, make web service to pull from GitHub

Option A is very gitter-done but could work nicely. I could add scheduling, search, and the like quite easily. I could architect the database to have history tracking.

Option B is nice in that it keeps it all in one place. I would need to research Google Auth, find a Markdown editor (or revisit the one I wrote), and potentially find a server-side Markdown renderer (of which I've used a few but I know the landscape has changed; potentially because client-side renderer may provide an HTML string I could AJAX to the server).

Option C is nice in that they have a good editor & built-in MD diffing. I would need a server-side git/GitHub library to retrieve the documents and a server-side Markdown renderer. This would require syncing documents to SQL for the reasons below.


Regardless of which option I go with, I could store the documents in GitHub for easy history tracking and diffing. If I did that, I would need to copy them to SQL for more efficient searching and would somewhat negate scheduling--anyone could read WIP/scheduled documents ahead of time (not a big deal).

It'd also be nice to have a preview feature so I can make sure the site's styles agree with the generated HTML.

Revisit skills page

To consider:

  • Display related skills in groups so visitors see the granular breakdown of skills. e.g. ASP.NET => 3/5, ASP.NET MVC => 4/5, C# => 5/5
    • Downside: List same skill multiple times
  • Sort by something besides alpha; maybe "relevance"
  • Only allow 1 tag filter; not enough skills per tag
    • Downside: does not demonstrate tags are many-to-many very well
  • Always show skill level; definitely need to at least do this on mobile
  • Make the page smaller in general

Revisit site styles

  • Consider doing away with the header/footer drop shadows
    • If nothing else, header drop shadow should only show when the page is scrolled
  • Possibly remove subtle background. Not sure what to replace it with so minimal content still pops.
  • Nav should highlight current page

Add skills tracker

Tag by focus, many-to-many

  • App
  • Database
  • Desktop
  • Framework
  • Hardware
  • Language
  • Library
  • Server
  • Tool
  • Web

Provide

  • Logos
  • Experience 1-5

Allow live filter

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.