{"id":26389355,"url":"https://github.com/larrybarriosjr/tinel","last_synced_at":"2026-04-05T20:39:55.987Z","repository":{"id":49001705,"uuid":"378388923","full_name":"larrybarriosjr/tinel","owner":"larrybarriosjr","description":"A simple webshop that sells workshops. An assignment for a job application to Locastic.","archived":false,"fork":false,"pushed_at":"2022-09-29T09:08:22.000Z","size":882,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2023-07-31T15:11:22.322Z","etag":null,"topics":["assignment","jest","job-application","react","react-router","react-testing-library","redux","redux-toolkit","typescript"],"latest_commit_sha":null,"homepage":"https://tinel.larrybarriosjr.com","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/larrybarriosjr.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}},"created_at":"2021-06-19T10:51:15.000Z","updated_at":"2023-07-31T15:11:22.323Z","dependencies_parsed_at":"2023-01-18T20:31:20.635Z","dependency_job_id":null,"html_url":"https://github.com/larrybarriosjr/tinel","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/larrybarriosjr%2Ftinel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/larrybarriosjr%2Ftinel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/larrybarriosjr%2Ftinel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/larrybarriosjr%2Ftinel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/larrybarriosjr","download_url":"https://codeload.github.com/larrybarriosjr/tinel/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244006332,"owners_count":20382443,"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":["assignment","jest","job-application","react","react-router","react-testing-library","redux","redux-toolkit","typescript"],"created_at":"2025-03-17T09:18:03.598Z","updated_at":"2025-12-31T00:18:59.798Z","avatar_url":"https://github.com/larrybarriosjr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Tinel Workshop Logo](https://github.com/larrybarriosjr/tinel/blob/develop/src/assets/logo.png)\n\n# **Tinel Workshop**\n\nA simple webshop that sells workshops. An assignment for a job application at Locastic.\n\n## **Workflow**\n\n### _ASSET SETUP_\n\nUsing the design file given with the assignment, I created an svg for icons and logo similar to the file. I\nalso created a custom logo for favicon and mobile app logos based on the original logo of the webshop. This\nadds completeness to the overall appearance of the site.\n\n### _DEVELOPMENT SETUP_\n\nTo make a consistent development environment throughout the developers, I set up configurations for code\nformatter and linter using Prettier and ES Lint. I also added ignore files to start the development server\nfaster and to display autocomplete much quicker.\n\n### _BRANCHING STRATEGY_\n\nI used three branches: _main_, _develop_ and _feature_.\n\nI used the **feature branch** for adding a feature to the app. These features come from the stories given\nwith the assignment. I labeled the features depending on the page the story is on. I added other features\nthat are not part of the story but are otherwise important, such as initial configurations, styling, and\nsetting up assets and APIs.\n\nI used the **develop branch** to merge the completed features and act as a branch for ensuring minimal bug\nfixes before merging to main.\n\nFinally, the **main branch** is used for the release of the product. Currently, there is only version 1.0.0.\n\n### _FEATURE DEVELOPMENT_\n\nI followed a TDD (Test-Driven Development) approach using Jest, React Testing Library, and Cypress for unit\nand integration testing. I created the tests from the story criteria and based my components on them. I also\nadded automation when creating a pull request on develop branch to run the test first before merging.\n\nI also followed a Mobile-First approach to ensure responsiveness throughout the most commonly used devices.\n\n## **Technologies Used**\n\n### _CLIENT_\n\n- React\n- TypeScript\n- Redux/Redux Toolkit\n- React Router\n- Sass\n- Formik/Yup\n\n### _SERVER_\n\n- JSON Server\n\n### _TESTS_\n\n- Jest\n- React Testing Library\n- Cypress\n\n### _CONFIGS_\n\n- ES Lint\n- Prettier\n- VS Code\n- GitHub Actions\n\n### _OTHER LIBRARIES_\n\n- Day JS\n- CLSX\n- React Select\n- React Datepicker\n- React Hot Toast\n- Redux Persist\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flarrybarriosjr%2Ftinel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flarrybarriosjr%2Ftinel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flarrybarriosjr%2Ftinel/lists"}