https://github.com/pleo-io/frontend-challenge

🚀 The Pleo Frontend Challenge
https://github.com/pleo-io/frontend-challenge

Last synced: 3 months ago
JSON representation

🚀 The Pleo Frontend Challenge

• Host: GitHub
• URL: https://github.com/pleo-io/frontend-challenge
• Owner: pleo-io
• License: mit
• Archived: true
• Created: 2018-09-12T14:37:30.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-11T18:07:05.000Z (about 4 years ago)
• Last Synced: 2024-05-02T12:40:44.884Z (7 months ago)
• Language: TypeScript
• Homepage:
• Size: 35.2 KB
• Stars: 15
• Watchers: 64
• Forks: 22
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://github.com/pleo-io/frontend-challenge/blob/master/api/README.md) 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

- A "componentized" approach, split your code into small building blocks, showcase your clean architecture skills.

- CSS can be written using PostCSS, SASS, LESS or similar higher-level language

- The use of any libraries or frameworks as long as you can explain to us why you chose them.

- 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