Skip to content

SashaGraves/Giraffe-farm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Giraffe-farm

This is test task for one of junior job vacancies. And my first try in backend development =)
I'm very excited about all this stuff I have gotten to know and even more excited for all those things I haven't yet.

How to use it


For lauching this code you will need Node.js and MongoDB installed.
After cloning repo and installing packages run script npm run dev. UI-part starts on localhost:4343.

What's inside

This is one-page application with cute design and limited functionality. (Mock-up was provided by https://github.com/nikas-light/test-task .) All you can do on this site is collecting giraffes: create them, delete or change their info.

Unfortunately, I failed to implement image upload =( That's why all your giraffes look the same: this avatar is hard-coded. Validation for input fields is also very poor. Front-side checks if name field is filled, server does the same. Frontend also checks if number inputs are in specific range; and that's all. I wish I had more time and skill for good validation.

On the other hand, I'm pleased with component design. I like the way Card wrapper manages giraffe look and behavior. Card wrapper renders 4 different types of card template accordingly to selected action: add giraffe, change it, delete or just observe them all (CRUD actions). I'm also pretty fine with my HTML-CSS; I used some media-query, so site is not mobile-hostile.

Backend was huge challenge for me, especially CORS policy - after all, I used cors module with options. MongoDB and mongoose are really cool tools; I'm looking forward to using its more.

About

Test task for junior frontend vacancy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published