QimingChen / redit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

keep it moving

redit is a small slice of its namesake. The application has full functionality affording users the ability to interact with the entire redit community by creating unqiue posts and leaving/receiving peer feedback.

Technologies Implemented

Node Package Manager (npm)

This tool is comprised of a registry database accessed via CLI. Npm is typically used in Node.js applications to download open-source libraries and simply running npm install will install all package.json dependencies.


WebPacks

Webpack is a tool used in JavaScript applications which uses a dependency graph to map your project files. But more specifically it uses an entry point where relevant module webpacks are automatically determined. Webpack runs on JavaScript and JSON but can utilize loaders for interoperability with other languages. Installation is as easy as typing

 npm install --global webpack

into the CLI. Along these same lines we ended up altering the config file, adding a key:value of watch:true, then

npm install webpack-cli

and

npx webpack

which conveniently allowed us to make code changes on the fly, speeding up the production cycle.

Approach

The basic approach was keeping the project simple, efficient and clean. We ended up taking a non-standard approach and tackled user authentication from the onset. This was quickly followed up with core CRUD functionality which consumed the majority of project resources as each successive implementation was met with its own distinct bugs. The last aspect of the project entailed formatting, styling and documentation of the project lifecycle.


  • Authentication
    • Top priority
    • localStorage for session control
  • CRUD
  • Layout/CSS
  • Bonus
    • Hash (url)

About


Languages

Language:JavaScript 84.2%Language:CSS 14.0%Language:HTML 1.8%