Giter Club home page Giter Club logo

synetec-assessment-angular's Introduction

Synetec Basic Angular MVC assessement

This is Synetec's basic Angular developer assessment.

If you are reading this, you most probably have been asked to complete this assessment as part of Synetec's interview process.

In this repository, you will find an angular project that is the base for the assessment.

Below you will find instructions on how to setup, complete and submit your assessment.

Once you have finished, please return your updated solution by the specified means and within the agreed timeframe (if any). Please be sure to include all necessary files/resources required to build/run your solution.

If you think it would be beneficial, please feel free to include a commentary or description to support any decisions you have made, or any challenges you faced.

Good luck!

How to submit your completed test

To submit your test, please

  1. Fork this repository
  2. Complete the test as per the instructions below
  3. Commit your changes to your (forked) repo
  4. Send us an http link to your repo that contains the completed test

This repo is Read-Only!! So please don't try to open a pull request

Set up the environment

Once forked and cloned, set-up the solution as follows:

  1. Open the solution with your favourite IDE (we have used and tested using VS Code)
  2. Run npm install to make sure you have all the dependencies set up
  3. Run ng serve -o and make sure the app is running.

The Angular application depends on a separate .net Core API, you will need this running on your development environment to complete assesment's tasks. To provision the API, please:

  1. Clone (or fork and clone) the repo https://github.com/Synetec/synetec-interview-test-net-core-api locally
  2. Build the solution
  3. Run the Synetec.CityInfo.Api project to host the API

Tasks to be completed

Please complete as many as possible of the tasks listed below

  1. The html for the cities list is static. Link it to the list of cities from the component
  2. The cities list is empty though the table is still displayed, find a way to display a message to the user when there is no city to display
  3. The backend engineers have developed an API that provides you with a list of cities, implement the method in the service that will get all the cities and fetch the result in the cities list of the component
  4. The delete button doesn't do anything, implement that feature

synetec-assessment-angular's People

Contributors

gregoryssnell avatar tmiri avatar angular-cli avatar constantinhuiung avatar dependabot[bot] avatar masahmad avatar

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.