LightFeather.io - Full Stack Kanban Challenge

Specifications

• Fullstack Engineer Challenge (pdf)
• Readme, Docker, Backend, Frontend

Assumptions to clarify

1. server specification for simple memory store, no db, assuming no WSGI/NGINX/multi-process for API
2. server specification describes updating the state, but not the encoded file, verify this conclusion?
3. server specifications describe a maximum, not a minimum value, assuming minimum is ascii 0
4. putting everything in one repo, but typically I like to manage backend, frontend, documentation in separate repos.
5. figma mock looks well proportioned / centered, does the client want it single column or full page?
6. there's an unspecified border radius on the task cards in the mock up, assuming something that looks similar
7. the specified lane width of 388px doesn't allow for common half screen following spec
8. header 4px bottom border looks like it might be a margin?

Design

Initial Thoughts

• Python Backend (nginx WSGI load balancing (would require db/memstore)
• React Frontend
• Nginx load balance / reverse proxy?
• I like https://github.com/bevacqua/react-dragula for drag and drop elements..

Security

1. CORS should probably be refined to allowed host headers
2. API would eventually implement user input verification and rate limiting

Running

docker-compose up

http://localhost

Screenshots

Docker Compose Up

Backend Get Request

Frontend

Afterthoughts and Improvements

I feel I could:

• have used a simpler nodejs stack that would interact more seamlessly with React.
• improve my callback usage in the frontend.
• better understand how testing is implemented in these sorts of applications, rather than just simple unit testing.