{"id":19060732,"url":"https://github.com/emmanuelallan/ello-engineering-challenge","last_synced_at":"2026-05-13T04:30:17.703Z","repository":{"id":243687648,"uuid":"813129525","full_name":"emmanuelallan/Ello-Engineering-Challenge","owner":"emmanuelallan","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-10T15:30:02.000Z","size":5465,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-14T21:11:00.960Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/emmanuelallan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-10T14:29:34.000Z","updated_at":"2024-06-10T15:30:06.000Z","dependencies_parsed_at":"2024-06-10T17:27:22.146Z","dependency_job_id":"57de3770-9197-4ad2-9bbf-d836a0ff8e8f","html_url":"https://github.com/emmanuelallan/Ello-Engineering-Challenge","commit_stats":null,"previous_names":["emmanuelallan/ello-engineering-challenge"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emmanuelallan%2FEllo-Engineering-Challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emmanuelallan%2FEllo-Engineering-Challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emmanuelallan%2FEllo-Engineering-Challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emmanuelallan%2FEllo-Engineering-Challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emmanuelallan","download_url":"https://codeload.github.com/emmanuelallan/Ello-Engineering-Challenge/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240114340,"owners_count":19749838,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T00:16:44.361Z","updated_at":"2026-05-13T04:30:17.665Z","avatar_url":"https://github.com/emmanuelallan.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":" ![svgviewer-output](https://github.com/ElloTechnology/backend_takehome/assets/3518127/561bc8d4-bffc-4360-b9ea-61e876bcec93)\n\n# Ello Engineering Challenge\n\n👋 Hello Ello Team,\n\nI have successfully implemented the required frontend for the challenge and integrated it with the backend. Below are the details of my implementation and the additional features I included:\n\n- **React and Vite:** Used React as the frontend framework with Vite for fast development and build process.\n- **MUI Joy:** Utilized MUI Joy for consistent and attractive UI components.\n- **React Hooks:** Effectively used React hooks for state management and side effects.\n- **Search Bar**: A search bar component that allows users to search for books by title.\n- **Book List**: A component that displays search results, showing the book title, author, and a button to add the book to the reading list.\n- **Reading List**: A component that displays the list of books added by the teacher, with a button to remove each book.\n\n## Additional Features\n\n- **Figma Design:** Created a design prototype using Figma. You can view the design [here](https://www.figma.com/design/9qaALwuYKxcM6t2GJjcn60/ello?node-id=0-1\u0026t=RAYEGf2NEhLlZY9Q-1)\n- **Local Storage Integration:** Implemented local storage to persist the reading list across page reloads.\n- **Improved UX:** Enhanced user experience with smooth interactions and responsive design.\n\n## Screenshot\n\n![alt text](https://github.com/emmanuelallan/Ello-Engineering-Challenge/blob/main/frontend/public/ui.png)\n\n### Frontend Setup\n\nTo run the frontend, follow these steps:\n\n1. **Install dependencies**:\n\n    ```bash\n    npm install\n    ```\n\n2. **Project Structure**: Ensure your project has the following structure:\n\n    ```css\n        frontend/\n    ├── src/\n    │   ├── assets/\n    │   ├── components/\n    │   ├── App.jsx\n    │   └── main.jsx\n    ├── index.html\n    ├── package.json\n    └── vite.config.js\n    ```\n\n3. **Run**: Run the project:\n\n    ```bash\n        npm run dev\n    ```\n\nI look forward to discussing my implementation and the additional features in more detail. Thank you for the opportunity!\n\n_This project was enjoyable!_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femmanuelallan%2Fello-engineering-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femmanuelallan%2Fello-engineering-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femmanuelallan%2Fello-engineering-challenge/lists"}