Giter VIP home page Giter VIP logo

testforfullstack's Introduction

Simple Coding Test for AIA Nodejs Fullstack Engineer

What will you do, in general?

  1. Create a simple frontend that can read API from backend and display it to user. Note the details when you create the FE.
  2. Create a simple backend that can read external API feed and serve it to frontend when called.
  3. Create unit testing for each of your app so it will survive changes.
  4. Deploy your application on a simple stack that's available to the public, like EC2 instance, your private server, or local kubernetes.

What we are expecting?

  1. Good code understanding and expertise on using efficient method to solve problems.
  2. Good source control usage (using Git!)
  3. Practical use of tools available to you.

What stack should you use?

  1. For backend, we expect you to use nodejs or expressjs that supports RESTful API.
  2. For frontend, we expect you to use ReactJS. Use whatever framework you are comfortable with within ReactJS Scope, or don't use any at all (use ReactJS vanilla without CRA, for example). It's all depend on your preferences, really!
  3. Use any type of unit testing you are comfortable with.
  4. Use Material-UI or Bootstrap to enhance the display of the app.

Details, details.

  1. Get the everchanging public image list from Flickr public feed. You can check the documentation from this API Doc. Do note : Please use Flickr API, don't import Flickr module. You need to be able to use the API Directly from Flickr, and you need to be able to use / change the output properly. Be it XML or JSON, it's there on the API Documentation. Another thing, please connect to Flickr on Backend side, don't connect it directly from Frontend side. You need to create your own API on Backend side to be consumed by Frontend you create.
  2. Use a public github repository to put your code. If you don't have one, just make one! Also, make use of good source versioning. Commit often, and commit meaningfully.
  3. Bonus point if you can implement tag searching on the image. Just a simple search box with OK button will do!
  4. Another bonus point if you automatically load the image list one at a time, and implement paging.
  5. Deployment is optional. If you can't deploy your code, it's okay! Just make sure that you can demo it to us when we do the interview.

So, what should you do?

Use your creativity, and be unique. Do what you can do on this test! Don't worry if it's not perfect, we learn along the way!

-Fiorina Skyla Liberta-

testforfullstack's People

Contributors

freefiona85 avatar

Watchers

 avatar

testforfullstack's Issues

[Test Revision] aia-mern-node-fullstack-test

Good day Ms. Fiona!

I just do the revision for my latest test for this project. Since you said that i have a several issues or miss understanding on the project requirements. So here's the revision that i made based from your requirements or requests:

✔️ Put both front and back source code on different repositories
✔️ Do the Flickr fetch API keys on the backend server (express, not front anymore)

Here's the repositories for the codes:

frontend: https://github.com/Ketibansapi/aia-frontend
backend: https://github.com/Ketibansapi/aia-backend

Kindly can review it and apologize if i have made some mistakes before with my understanding. Thank you :)

Great work!

Hello freefiona85!

I just saw and read this. It was a good examination/test for candidates.

Well, I just finished all the requirements inside, if you don't mind, you can check it on my repo:

https://github.com/Ketibansapi/aiamern

You can read the README first. May you can review and take a look if i missing something.

Thank you! Keep up a good work.

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.