Git Product home page Git Product logo

front-end-challenge-pleo's Introduction

Front-end challenge

Implement an expenses list fetching all expenses from the provided API. Allow the user to add notes and upload receipt pictures to each expense.

See the API details for implementation.

Functional requirements

  • User can list expenses
  • User can add a comment on an expense
  • User can filter on expenses (client side filters)
  • User can add a receipt image on an expense

General requirements

A single page application using a modern JS library/framework including:

  • A visually pleasing experience, you don’t have to be a designer but you must have put an effort into making this look good - done (bootstrap table list)
  • A "componentized" approach, split your code into small building blocks, showcase your clean architecture skills. - done (using partials - ejs include)
  • CSS can be written using PostCSS, SASS, LESS or similar higher-level language - done (used SCSS)
  • The use of any libraries or frameworks as long as you can explain to us why you chose them. - done (expressjs, ejs)
  • A brief description of your project. How long did it take? Which part was the hardest to implement? What functionalities are you most proud of?

Nice to have

Want to go the extra mile? Here's few suggestion of things we'd like to see (or go crazy and implement what you think will impress us).

  • Responsive design
  • Implement with a state management library (Redux, Mobx, VueX, ...)
  • Implement solution in TypeScript
  • Localization: support for multiple languages (English, French, ...)

What we're looking for

  • Using high-quality existing libraries or small amounts of custom code.
  • Production grade code (clean, maintainable, reusable code)
  • Showing your work through your commit history
  • Polish and visual creativity
  • Pride in craftsmanship

A few last things πŸ‘‡

  • Please note that while you are free to use libraries of your choosing, we encourage you to write at least some your own code. This is your chance to really impress us with your skills.
  • You are welcome to make changes to the API code if you think it will improve your solution

To start the project you need to... :

  • Install node modules folder by typing npm install into the terminal
  • Import expense.sql into a mysql database software such as MySQL workbench
  • Type npm run dev into the terminal to run the application

front-end-challenge-pleo's People

Contributors

incognito95 avatar

Watchers

James Cloos avatar  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.