{"id":19694756,"url":"https://github.com/projectravel/cashier-app","last_synced_at":"2026-02-03T01:07:25.045Z","repository":{"id":252277154,"uuid":"839889704","full_name":"ProjectRavel/Cashier-App","owner":"ProjectRavel","description":"Cashier-App is a web-based cashier application built using React and other technologies such as API and JSONPlaceholder. The application is designed to help manage sales transactions easily and efficiently.","archived":false,"fork":false,"pushed_at":"2024-08-27T15:24:47.000Z","size":2915,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-29T10:47:22.733Z","etag":null,"topics":["backend","crud","frontend","jsonplaceholder","loginpage","react","reactjs","reactrouter","registerpage","userinterface"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ProjectRavel.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":"2024-08-08T14:26:53.000Z","updated_at":"2024-08-27T15:24:50.000Z","dependencies_parsed_at":"2024-11-11T19:26:27.790Z","dependency_job_id":"da816cbd-43b1-4191-ac75-d0e4cee86708","html_url":"https://github.com/ProjectRavel/Cashier-App","commit_stats":null,"previous_names":["projectravel/cashier-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ProjectRavel/Cashier-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProjectRavel%2FCashier-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProjectRavel%2FCashier-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProjectRavel%2FCashier-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProjectRavel%2FCashier-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ProjectRavel","download_url":"https://codeload.github.com/ProjectRavel/Cashier-App/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProjectRavel%2FCashier-App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262048805,"owners_count":23250631,"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":["backend","crud","frontend","jsonplaceholder","loginpage","react","reactjs","reactrouter","registerpage","userinterface"],"created_at":"2024-11-11T19:24:26.334Z","updated_at":"2026-02-03T01:07:20.021Z","avatar_url":"https://github.com/ProjectRavel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cashier-App\n\n![Website Preview](/KasirApp-React/public/preview.png)\n\nCashier-App is a web-based cashier application built using React and other technologies such as API and JSONPlaceholder. The application is designed to help manage sales transactions easily and efficiently.\n\n## Feature\n\n- **ReactJS**: Built with React for a responsive and interactive UI.\n- **API Integration**: Uses APIs to fetch and manage product and transaction data.\n- **JSONPlaceholder**: Provides dummy data for testing and development.\n -**Dynamic UI**: A dynamically updatable interface based on data retrieved from the API.\n\n## Installation\n\nMake sure you have installed [Node.js](https://nodejs.org/) dan [npm](https://www.npmjs.com/) on your system.\n\n1. **Clone this Repository:**\n\n```bash\ngit clone https://github.com/ProjectRavel/Cashier-App.git\n```\n\n2. **Navigate to the frontend directory:**\n\n```bash\ncd KasirApp-react\n```\n\n3. **Install dependencies:**\n\n```bash\nnpm install\n```\n\n4. **Run the application:**\n\n```bash\nnpm run dev\n```\n\nThe application will run on `http://localhost:5173` or another port specified by Vite.\n\n5. **Run JSONPlaceholder (Backend): Open a new terminal and navigate to the backend directory:**\n6. \n```bash\ncd ../kasirapp-backend\n```\n\nThen, run the placeholder:\n\n```bash\njson-server --watch db.json --port 5000\n```\n\nJSONPlaceholder will run on `http://localhost:5000`.\n\n## Usage\n\n1. **Access the Application:**\n    Open a browser and go to http://localhost:5173 to access the cashier application.\n\n2. **Interact with the Backend:**\n   All product and transaction data will be fetched from the API provided by JSONPlaceholder at `http://localhost:5000`.\n\n## Project Structure\n\n- **KasirApp-react**: Directory for frontend code (React).\n- **kasirapp-backend**: Directory for the JSONPlaceholder backend.\n\n## Kontribusi\n\nContributions are very welcome! Please fork this repository and create a pull request for any improvements or feature additions.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprojectravel%2Fcashier-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprojectravel%2Fcashier-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprojectravel%2Fcashier-app/lists"}