{"id":20957026,"url":"https://github.com/sameerasw/ticket-in-client","last_synced_at":"2026-04-18T05:02:24.077Z","repository":{"id":260530668,"uuid":"881563470","full_name":"sameerasw/ticket-in-client","owner":"sameerasw","description":"OOP Coursework project front-end containing the GUI for the ticket booking system.","archived":false,"fork":false,"pushed_at":"2024-12-11T05:40:41.000Z","size":302,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-31T22:45:01.591Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/sameerasw.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-10-31T20:23:05.000Z","updated_at":"2024-12-11T05:40:45.000Z","dependencies_parsed_at":"2024-12-05T17:33:58.103Z","dependency_job_id":null,"html_url":"https://github.com/sameerasw/ticket-in-client","commit_stats":null,"previous_names":["sameerasw/ticket-in-frontend","sameerasw/ticket-in-client"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/sameerasw/ticket-in-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerasw%2Fticket-in-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerasw%2Fticket-in-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerasw%2Fticket-in-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerasw%2Fticket-in-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sameerasw","download_url":"https://codeload.github.com/sameerasw/ticket-in-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sameerasw%2Fticket-in-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31957158,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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":[],"created_at":"2024-11-19T01:29:17.458Z","updated_at":"2026-04-18T05:02:24.021Z","avatar_url":"https://github.com/sameerasw.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ticket-in-frontend\n\nThis project is the front-end for the Ticket-In application, a ticket booking system with real time ticket information. It is built using React and Material-UI for the user interface, and Axios for API requests. [Backend repository →](https://github.com/sameerasw/ticket-in-server/tree/main)\n\n## Table of Contents\n\n- [Description](#description)\n- [Setup Guide](#setup-guide)\n- [Available Scripts](#available-scripts)\n- [Learn More](#learn-more)\n\n## Description\n\nTicket-In is a ticket booking system that allows users to browse events, book tickets, and manage their profiles. The front-end is built using React and Material-UI, providing a responsive and modern user interface. The application interacts with a backend API to fetch and manage data. Both APIs and WebSocokets are used in the app to display static data as well as dynamic data in real time such as the ticket count of an event and alerts for the vendor to get notified of recent logs of an event.\n\n## Setup Guide\n\n### Prerequisites\n\n- Node.js (version 14.x or higher)\n- npm (version 6.x or higher)\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```sh\n   git clone https://github.com/sameerasw/ticket-in-frontend.git\n   cd ticket-in-frontend\n   ```\n\n2. **Install dependencies:**\n\n   Using npm:\n   ```sh\n   npm install\n   ```\n\n3. **Start the development server:**\n\n   Using npm:\n   ```sh\n   npm start\n   ```\n\n   Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\\\nYou will also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\n### `npm run eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\nInstead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.\n\n## API Documentation\n\n### Base URL\n\nThe base URL for the API is defined in the \n\nconfig.ts\n\n file:\n\n```typescript\nconst config = {\n  API_BASE_URL: 'http://localhost:1245'\n};\n\nexport default config;\n```\n\n### Endpoints\n\nRefer the attacked document's API Documentation section.\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n## Previews\n\n\u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/cb3be7af-a49e-4e15-a0eb-c4de84d19ae3\"\u003e \u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/84cce1b9-ba3d-4b1b-a238-4a166d4616e0\"\u003e\n\n\u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/872951cf-d4b0-4854-912b-6be8f883cbfa\"\u003e \u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/1b9e82a1-15ae-4947-b44f-6743ca4d2855\"\u003e\n\n\u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/f59f2969-1540-4bab-925f-fdfb50a468a0\"\u003e\n\u003cimg width=\"1762\" alt=\"image\" src=\"https://github.com/user-attachments/assets/a1df1b82-1b51-4e62-98d4-d9666f3f9047\"\u003e\n\u003cimg width=\"1762\" alt=\"CleanShot 2024-12-01 at 7  59 35@2x\" src=\"https://github.com/user-attachments/assets/79ae9412-d2d3-46fe-96ee-71500466934c\"\u003e\n\n---\n\u003cimg width=\"611\" alt=\"image\" src=\"https://github.com/user-attachments/assets/16321e5d-c69a-411f-a53f-9b00e43f25f8\"\u003e\n\u003cimg width=\"611\" alt=\"image\" src=\"https://github.com/user-attachments/assets/36fa01b9-a241-4b61-84e6-d4c2b48a7b54\"\u003e\n\n\n---\nThis project was developed by [@sameerasw](https://github.com/sameerasw) as part of my coursework at University of Westminster, OOP module. \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsameerasw%2Fticket-in-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsameerasw%2Fticket-in-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsameerasw%2Fticket-in-client/lists"}