{"id":18682417,"url":"https://github.com/daraperini/learning-react-typescript-aluroni","last_synced_at":"2026-04-02T03:03:42.577Z","repository":{"id":216674490,"uuid":"741996667","full_name":"daraperini/learning-react-typescript-aluroni","owner":"daraperini","description":"This project is a Italian Restaurant's website that used to be just the menu page. It was refectored and now it is a complete website with home, about, details and not found pages.","archived":false,"fork":false,"pushed_at":"2024-01-24T15:08:50.000Z","size":3025,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T16:33:34.795Z","etag":null,"topics":["classnames","css-modules","eslint","react","react-router","sass","typescript"],"latest_commit_sha":null,"homepage":"https://learning-react-typescript-aluroni.vercel.app/","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/daraperini.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}},"created_at":"2024-01-11T14:48:11.000Z","updated_at":"2024-01-16T18:21:43.000Z","dependencies_parsed_at":"2024-01-24T16:30:13.340Z","dependency_job_id":"14468c81-76ab-486b-aebb-776a664dad6a","html_url":"https://github.com/daraperini/learning-react-typescript-aluroni","commit_stats":null,"previous_names":["daraperini/learning-react-typescript-aluroni"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daraperini/learning-react-typescript-aluroni","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daraperini%2Flearning-react-typescript-aluroni","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daraperini%2Flearning-react-typescript-aluroni/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daraperini%2Flearning-react-typescript-aluroni/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daraperini%2Flearning-react-typescript-aluroni/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daraperini","download_url":"https://codeload.github.com/daraperini/learning-react-typescript-aluroni/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daraperini%2Flearning-react-typescript-aluroni/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294828,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["classnames","css-modules","eslint","react","react-router","sass","typescript"],"created_at":"2024-11-07T10:11:44.356Z","updated_at":"2026-04-02T03:03:42.529Z","avatar_url":"https://github.com/daraperini.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Aluroni\n\nAluroni's development started during Alura's Class *React: handling static files*. In this class I created a Italian restaurant menu wich you can navigate as you wish: see the complete menu and order it using the ordanator options, filter specific dishes using the filters or search for a specific dish using the search input.\n\nThen the code was refactored during the course *React: React Router library* so it would be possible to implement React Router. I also created new pages: home, about, details and Not Found. In this class I also standardize the code using ESLint.\n\nFor the developmento of the project I used TypeScript. CSS was written using CSS Modules and classNames package.\n\nTo see the project development so far, click [here](https://learning-react-typescript-aluroni.vercel.app/).\n\n## Used tools:\n\n* React\n* TypeScript\n* SASS\n* classnames\n* React Router\n* ESLint\n\n*(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)*\n\n## Initializing the project on your computer\n\n- Clone the repository using the command line:\n    - git clone *link of the repository*\n    - cd *file of the repository*\n \n- Go to the projects main file:\n    - cd *name of the file*\n \n- Run the code:\n    - npm install (to install all project's dependencies)\n    - npm start (to open the project on your browser)\n \n* In case the project does not opend automatically type http://localhost:3000 on your browser\n\n#\n\n# Aluroni\n\nO Aluroni começou a ser desenvolvido durante o curso *React: lidando com arquivos estáticos*, da Alura. Nesse curso criei a página de cardápio de um restaurante italiano no qual você consegue navegar de acordo com suas preferências: visualize o cardápio inteiro ordenando de acordo com as opções de ordenador, filtre pratos específicos utilizando os filtros ou pesquise por um prato em específico utilizando o input de busca. \n\nApós, no curso *React: conhecendo a biblioteca React Router*, o código foi refatorado para que fosse possível implementar o React Router. Nesse curso também foram criadas novas páginas: página de início, sobre, detalhes dos pratos e Not Found. Também utilizei o ESLint para padronizar o código.\n\nPara o desenvolvimento do projeto foi utilizado TypeScript. O CSS foi escrito utilizando CSS Modules e o pacote classNames.\n\nPara acessar o desenvolvimento da página até agora, clique [aqui](https://learning-react-typescript-aluroni.vercel.app/).\n\n## Ferramentas utilizadas:\n\n* React\n* TypeScript\n* SASS\n* classnames\n* React Router\n* ESLint\n\n## Iniciando as versões do projeto na sua máquina\n\n- Clone o repositório através do terminal:\n    - git clone *link do repositório*\n    - cd *pasta do repositório*\n \n- Entre na pasta do projeto:\n    - cd *nome da pasta*\n \n- Rode o código na sua máquina:\n    - npm install (para instalar as dependências do projeto)\n    - npm start (para abrir o projeto no seu navegador)\n \n* Caso o projeto não abra automaticamente, digite http://localhost:3000 no seu navegador\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaraperini%2Flearning-react-typescript-aluroni","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaraperini%2Flearning-react-typescript-aluroni","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaraperini%2Flearning-react-typescript-aluroni/lists"}