Code Monkey home page Code Monkey logo

angular-sprout's Introduction

Hey, I'm Ryan!

I'm an engineering team leader and community builder. I have 12+ years of experience building & designing web sites and applications. I leverage my wide skill set to lead software engineering teams by example.

Tech stack

My go-to tech stack is ReactJS, NextJS, TypeScript, ChakraUI, NodeJS, and MySQL (PlanetScale). I design and prototype in Figma.

Quick hits

  • ๐Ÿ“บ I'm currently full-time at mmhmm.
  • ๐Ÿ”ฎ I'm building a new Pokรฉmon database dittobase.com.
  • ๐Ÿง™โ€โ™‚๏ธ Check out my blog at warner.codes.
  • ๐ŸŽฎ I play all kinds of video games.
  • ๐Ÿƒโ€โ™‚๏ธ I competed in the 400m sprint while at RIT, and still run regularly.

angular-sprout's People

Contributors

ryanwarner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

angular-sprout's Issues

Mobile media queries

The website currently is not responsive, and it should be. Add media queries to make the site readable across devices.

Enhance the build task.

  • The main JS and CSS files should be set from a variable.
  • Should the build tasks be located in their own gulpfile?
  • Some general cleanup.

Best way to communicate with an API?

There should be a best practice example of communicating with an API. This means requesting data from an API endpoint, getting that data, caching it, manipulating it, and then sending it back to the server.

Service or factory?

$http vs $resource vs Resangular vs angular-data

Best way to handle caching?

When gulp is run twice in a row, bower files errors

Error: ENOENT, stat '/Users/ryanwarner/Desktop/_my-projects/boilerplates/angular-sprout/build/bower/angular/angular.js'
Error running task sequence: { task: 'bower-files',
  message: 'bower-files stream',
  duration: 0.294937118,
  hrDuration: [ 0, 294937118 ],
  err:
   { [Error: ENOENT, stat '/Users/ryanwarner/Desktop/_my-projects/boilerplates/angular-sprout/build/bower/angular/angular.js']
     errno: 34,
     code: 'ENOENT',
     path: '/Users/ryanwarner/Desktop/_my-projects/boilerplates/angular-sprout/build/bower/angular/angular.js' } }

Linting config files should be in their own folder.

The linting config files (and csscomb config) are polluting the root directory. They should be in their own folder like this:

linters/
    .csscomb.json
     eslint-config.json
    .scss-linting-config

gulp-eslint currently has issues using custom config file paths, so until I have time to fix the plugin, this issue is blocked.

Create yeoman generator

Allow for options like:

  • What type of backend will the app use?
    • Firebase
    • API
    • something else?
  • What type of icon system will the app use?
    • icon-font
    • svg symbols
    • something else?

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.