{"id":24614451,"url":"https://github.com/tabuckner/social-media-challenge","last_synced_at":"2026-04-14T01:31:16.226Z","repository":{"id":97723667,"uuid":"291105602","full_name":"tabuckner/social-media-challenge","owner":"tabuckner","description":"A Frontend Challenge for potential candidates.","archived":false,"fork":false,"pushed_at":"2020-08-28T17:23:47.000Z","size":481,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T17:58:31.954Z","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/tabuckner.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":"2020-08-28T17:23:32.000Z","updated_at":"2020-08-28T17:23:49.000Z","dependencies_parsed_at":"2023-07-06T20:01:44.395Z","dependency_job_id":null,"html_url":"https://github.com/tabuckner/social-media-challenge","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tabuckner/social-media-challenge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabuckner%2Fsocial-media-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabuckner%2Fsocial-media-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabuckner%2Fsocial-media-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabuckner%2Fsocial-media-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tabuckner","download_url":"https://codeload.github.com/tabuckner/social-media-challenge/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tabuckner%2Fsocial-media-challenge/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31778580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T00:11:49.126Z","status":"ssl_error","status_checked_at":"2026-04-14T00:10:29.837Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2025-01-24T21:16:56.185Z","updated_at":"2026-04-14T01:31:16.198Z","avatar_url":"https://github.com/tabuckner.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Social Media Dashboard Challenge\nA Frontend Challenge for potential candidates.\n_Based on a FE Mentor Challenge_\n\n## Overview\nYour challenge is to build out this Social Media Dashboard and get it looking as close to the design as possible.\n\nYou can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.\n\nYour users should be able to:\n\n- View the optimal layout for the site depending on their device's screen size\n- See hover states for all interactive elements on the page\n\n## Suggested Technologies\n* Angular CLI\n* Angular Component Library (i.e. Angular Material)\n\n## Design Resources\n\nYour task is to build out the project to the designs inside the `/design` folder. You will find both a mobile and a desktop version of the design to work to. \n\nThe designs are in JPG static format. This will mean that you'll need to use your best judgment for styles such as `font-size`, `padding` and `margin`. This should help train your eye to perceive differences in spacings and sizes.\n\nYou will find all the required assets in the `/images` folder. The assets are already optimized.\n\nThere is also a `style-guide.md` file, which contains the information you'll need, such as color palette and fonts.\n\n## API\nThere is a small [@nestjs](https://docs.nestjs.com/) API included with this challenge.\n\n### Running the API\nTo start the API simple run the following in a terminal opened in the root of this repo:\n```bash\ncd api \u0026\u0026 npm install \u0026\u0026 npm start\n```\n_Note: You can sub `npm` for whatever comparable tool you use (e.g. `yarn` or `npx`).)_\n\n### Swagger Docs\nSwagger Docs provide a friendly web interface for exploring an API. Ours include information about the endpoints exposed for this project, and the models contained.\n\nOnce the API is running, you can visit the [Swagger Docs](https://swagger.io/docs/specification/about/) in your browser at:\n[http://localhost:3000/api](http://localhost:3000/api)\n\n## How To Complete\n1. Fork this Repo\n2. Create your application in the root of this directory\n3. Send your fork to me directly or via a Pull Request\n\n### Example of Directory Structure\n```bash\n./\n├── README.md\n├── api\n└── my_app\n    └── src\n        └── app\n```\n\n## Requirements\nWhile working on this project, try to keep Angular and Web Development best practices in mind as much as possible. An attempt was made to keep the application simple to leave room for this. Here's a list of a few concepts you might consider when working on the application: \n* How different types of modules might be used (Routed Modules, Feature Modules, etc)\n* The differences in responsibilities of the core Angular constructs (Component Controllers, Component Templates, Services, Pipes, Directives, etc)\n* Scoping of core Angular Constructs ('Where should this service be scoped?', 'Should this component be declared in my AppModule or in my FeatureModule?')\n* Responsive Web Behaviors\n\n## Bonus Points\n### None of the Following Is Expected\n#### Seriously...\n##### No, I Mean It.\n* Animations\n  * List View Animations\n  * Router Transitions\n  * Micro Interactions\n* Light/Dark Mode ('cause fashion 💅)\n* Client-Side Sorting of Similarity Results\n* ...✨anything your heart desires✨...\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabuckner%2Fsocial-media-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftabuckner%2Fsocial-media-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftabuckner%2Fsocial-media-challenge/lists"}