{"id":18361292,"url":"https://github.com/vugga/ats-fe","last_synced_at":"2026-04-02T02:51:09.349Z","repository":{"id":37687951,"uuid":"183996306","full_name":"vugga/ats-fe","owner":"vugga","description":"React + typescript + nextjs + redux + apollo-client + react-context + styled-components","archived":false,"fork":false,"pushed_at":"2022-12-09T21:41:21.000Z","size":56679,"stargazers_count":2,"open_issues_count":20,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-15T18:56:14.122Z","etag":null,"topics":["apollo-client","graphql","nextjs","react-context-api","reactjs","server-side-rendering","ssr","starter-kit","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://ats.vuga.io/#/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vugga.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-29T03:52:20.000Z","updated_at":"2019-11-03T23:41:00.000Z","dependencies_parsed_at":"2023-01-25T17:16:09.379Z","dependency_job_id":null,"html_url":"https://github.com/vugga/ats-fe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vugga%2Fats-fe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vugga%2Fats-fe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vugga%2Fats-fe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vugga%2Fats-fe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vugga","download_url":"https://codeload.github.com/vugga/ats-fe/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248156172,"owners_count":21056784,"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":["apollo-client","graphql","nextjs","react-context-api","reactjs","server-side-rendering","ssr","starter-kit","styled-components","typescript"],"created_at":"2024-11-05T22:33:04.371Z","updated_at":"2025-10-07T19:40:26.728Z","avatar_url":"https://github.com/vugga.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Netlify Status](https://api.netlify.com/api/v1/badges/18841e65-0949-45b9-a171-b7fb128cb0bd/deploy-status)](https://app.netlify.com/sites/ats-fe/deploys)\n\n# Alien Typer Shit: Frontend\n\n#### User-facing web app. this code produces a simple react js web app with SSR in TS.\n\n![ATS Frontend](https://i.imgur.com/CDZvTZX.png)\n\n### Key ingredients\n\n- **[TypeScript](https://www.typescriptlang.org/)** to ensure the highest code quality\n- **[Next.js](https://github.com/zeit/next.js)** to bundle source files and render web pages both on the server and the client (SSR)\n- **[React-router-dom](https://www.npmjs.com/package/react-router-dom)** For routing\n\n- **[React Context](https://reactjs.org/docs/context.html)** for static react state\n- ~~**[Redux](https://github.com/reduxjs/redux)** for static react state~~\n- **[Apollo GraphQL client](https://github.com/apollographql/apollo-client)** to get data from the backend\n- **[Styled components](https://www.styled-components.com/)** to produce well-structured and collision-free CSS\n- **[ESLint](https://eslint.org/)** and **[Prettier](https://prettier.io/)** to ensure that source files are error-free and easy to read\n- **[Docker](https://www.docker.com/)** to make the production version of the microservice straightforward to deploy\n- **[GitLab CI](https://about.gitlab.com/features/gitlab-ci-cd/)** to automatically check code quality and generate a new docker image on every push\n\n## Running a local copy\n\n1.  Ensure you have the latest git, Node.js and Yarn installed on your machine\n\n    ```bash\n    git --version\n    ## ≥ 2.14\n\n    node --version\n    ## ≥ 10.0\n\n    yarn --version\n    ## ≥ 1.10\n    ```\n\n1.  Clone the repo\n\n    ```bash\n    cd PATH/TO/MISC/PROJECTS\n    git clone https://github.com/vugga/ats-fe.git\n    cd ats-fe\n    ```\n\n1.  Install npm dependencies using Yarn\n\n    ```bash\n    yarn\n    ```\n\n1.  Copy `.env.dist` to `.env`. You can have a look at [`src/config.ts`](src/config.ts) for hints on what is expected.\n\n1)  Start the server in development mode\n\n    ```bash\n    yarn dev\n    ```\n\n    Modifying any of the files will refresh the app, thanks to Next.js hot module reloading.\n    To stop running the server, press `ctrl+c`.\n\n1)  If you want to test a production copy of the microservice, build and run it like this:\n\n    ```bash\n    yarn build\n    yarn start\n    ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvugga%2Fats-fe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvugga%2Fats-fe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvugga%2Fats-fe/lists"}