Giter VIP home page Giter VIP logo

polltery / twitter-instagram-middleware-client Goto Github PK

View Code? Open in Web Editor NEW
0.0 4.0 1.0 126 KB

Coursework for Network Applications (Heriot-Watt University) : A repo to host frontend for middleware services related to twitter and instagram

Home Page: https://polltery.github.io/twitter-instagram-middleware-client/#/

License: MIT License

JavaScript 100.00%
single-page-app angularjs bootstrap javascript protractor-e2e-test

twitter-instagram-middleware-client's Introduction

Network Applications frontend

About

Front-end for Network application coursework (Middleware services). The front-end will contain interface for the middleware services.

Please visit here for frontend demo.

Getting started

  1. Clone repo git clone https://github.com/polltery/middleware-client.git
  2. Run it on any server

Making changes

If you would like to make changes or add features then do the following, or simply add a new issue via issue tracker.

  1. Fork repo
  2. Send a pull request

Each file contains authors in the comment.

If you work with a file, then please add your name to the authors on the file.

External files

External files and their purpose

  • Angular JS : JavaScript Framework for making web apps
    • Angular core
    • Angular Route service
  • Roboto Font : Font family for theme
  • Bootstrap 3
    • Boostrap CSS Library for UI components
    • Bootstrap JS for UI components
    • jQuery as dependency : JavaScript library (dependency for boostrap)

Note: All external files must be linked to a CDN, and not hosted.

Note: You might get an error related to Cross-origin resource sharing. You may use a chrome plugin to solve this

XMLHttpRequest cannot load http://localhost:8082... No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

Contributors

  • Azeem
  • Apeqsha
  • Balraj
  • Mark

twitter-instagram-middleware-client's People

Contributors

apeqsha avatar m7azeem avatar marksnts avatar polltery avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

m7azeem

twitter-instagram-middleware-client's Issues

Implement dummy middleware and database methods

I've created 2 angular service files that emulate middleware and database services.

Use this to emulate most of the backend services.

Here is a list of services that is required by client.

  • signUp

  • login

  • signOut

  • deleteAccount

  • getUserDetails

  • updateUserDetails

  • getFeeds (only feed, no. of comments, no. of likes, minimal info)

  • getFeedDetails (including all comments, likes, etc., verbose)

Removing account bugs

  • Removing account leaves ':' in the list
  • If all accounts are removed a ng-for undefined error is created

Add a favicon

The bootstrap stylesheet loads a favicon, please add it to avoid

Failed to load resource: the server responded with a status of 404 (Not Found)

@m7azeem @marksnts Add it in root folder.

e2e testing using protractor only

Add e2e testing for the following pages and scenarios

Login page

  • Login success
  • Login failure if user does not exists
  • Sign-up success
  • Sign-up failure if user already exsits
  • Login form validation failure on invalid pattern or required
  • Sign-up form validation failure on invalid pattern or required

Profile page

  • To be update

Settings page

  • To be update

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.