8000 GitHub - makzmslv/angular-sample-webapp: Exemplary real world application built with Angular 4+
[go: up one dir, main page]

Skip to content

makzmslv/angular-sample-webapp

 
 

Repository files navigation

Functionality overview

The example application is a social blogging site called "Conduit". It uses a custom API for all requests, including authentication.

General functionality:

  • Authenticate users via JWT (login/signup pages + logout button on settings page)
  • CRUD users (sign up & settings page - no deleting required)
  • CRUD Articles
  • CRUD Comments on articles (no updating required)
  • GET and display paginated lists of articles
  • Favorite articles
  • Follow other users

The general page breakdown looks like this:

  • Home page (URL: /#/ )
    • List of tags
    • List of articles pulled from either Feed, Global, or by Tag
    • Pagination for list of articles
  • Sign in/Sign up pages (URL: /#/login, /#/register )
    • Uses JWT (store the token in localStorage)
    • Authentication can be easily switched to session/cookie based
  • Settings page (URL: /#/settings )
  • Editor page to create/edit articles (URL: /#/editor, /#/editor/article-slug-here )
  • Article page (URL: /#/article/article-slug-here )
    • Delete article button (only shown to article's author)
    • Render markdown from server client side
    • Comments section at bottom of page
    • Delete comment button (only shown to comment's author)
  • Profile page (URL: /#/profile/:username, /#/profile/:username/favorites )
    • Show basic user info
    • List of articles populated from author's created articles or author's favorited articles

How to Run the Application

Install Node.js 6.11 or higher. IMPORTANT:

Run 'npm install' to install app dependencies

Run 'ng serve' to launch the application.

Go to http://localhost:4200 in your browser

Simply clone the project or download and extract the .zip to get started.

About

Exemplary real world application built with Angular 4+

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 68.4%
  • HTML 28.4%
  • JavaScript 3.0%
  • CSS 0.2%
0