{"id":21585227,"url":"https://github.com/mkaczmarski07/e-commerce","last_synced_at":"2026-05-11T16:36:59.381Z","repository":{"id":209932244,"uuid":"703073166","full_name":"MKaczmarski07/E-Commerce","owner":"MKaczmarski07","description":"Full-Stack E-Commerce web application built on Angular 16 \u0026 Firebase","archived":false,"fork":false,"pushed_at":"2023-12-17T18:39:43.000Z","size":987,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2023-12-17T22:10:32.440Z","etag":null,"topics":["angular","angular-fire","firebase-auth","firebase-database","firebase-hosting","rxjs","typescript"],"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/MKaczmarski07.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}},"created_at":"2023-10-10T14:43:17.000Z","updated_at":"2023-12-20T16:42:26.363Z","dependencies_parsed_at":"2023-12-20T16:54:21.080Z","dependency_job_id":null,"html_url":"https://github.com/MKaczmarski07/E-Commerce","commit_stats":null,"previous_names":["mkaczmarski07/e-commerce"],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FE-Commerce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FE-Commerce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FE-Commerce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MKaczmarski07%2FE-Commerce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MKaczmarski07","download_url":"https://codeload.github.com/MKaczmarski07/E-Commerce/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244189829,"owners_count":20412991,"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":["angular","angular-fire","firebase-auth","firebase-database","firebase-hosting","rxjs","typescript"],"created_at":"2024-11-24T15:09:34.198Z","updated_at":"2026-05-11T16:36:59.374Z","avatar_url":"https://github.com/MKaczmarski07.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# About The Project\nThe following project is a real-time E-commerce web application, implemented with Angular \u0026 Firebase Cloud. \nThe application allows users to experience the full purchasing process - from browsing products to placing an order.\n\n### Learning Objectives\n- Through this project, I wanted to better understand Frontend-Backend communication using REST API and connect asynchronous data with UI. \u003cbr/\u003e\n- The majority of code focuses on Frontend side of the application, while backend features are handled by Firebase. \u003cbr/\u003e\n- Apart from the Angular, the project heavily utilizes RxJS library and Observer Pattern. \u003cbr/\u003e\n- User interface is optimized for all types of devices. \u003cbr/\u003e\n\n### Used Technologies\n[![My Skills](https://skillicons.dev/icons?i=angular,typescript,rxjs,sass,tailwind,firebase)](https://skillicons.dev)\n\n### Application Features\n🔷 Token-based user authentication, based on Firebase. \u003c/br\u003e\n🔷 Fetching and displaying product data stored in the cloud NoSQL database. \u003c/br\u003e\n🔷 Displaying selected product categories. \u003c/br\u003e\n🔷 Sorting products. \u003c/br\u003e\n🔷 Adding new products to the store using the administration panel. \u003c/br\u003e\n🔷 Adding items to cart. \u003c/br\u003e\n🔷 Adding items to favorites. \u003c/br\u003e\n🔷 Simulation of the product ordering process. \u003c/br\u003e\n\n## User Interface\n#### Landing page\n![home](https://github.com/user-attachments/assets/c12cf253-c4de-4096-a5bc-c70221ba308c)\n#### Adding product to the cart\n![product](https://github.com/user-attachments/assets/d7d30d07-80c1-464f-8e58-917ad099b4c0)\n#### Cart details\n![cart](https://github.com/user-attachments/assets/853dca67-9117-4bcb-b9e4-f0a6a8475cb9)\n#### Delivery details\n![data](https://github.com/user-attachments/assets/70aa1f90-b4a4-4ffa-9e49-91de25ee0304)\n\n## Installation Guide ⚙️\n\nHere's a step-by-step guide to help you get started with the project.\n\n### Prerequisites\n\nBefore you begin, make sure you have the following installed on your machine:\n\n- Node.js (version 18.0 or later)\n- npm package manager (version 8.0 or later)\n\n### Installation\n\nLet's start with installing all dependencies. Move to the app main workspace and run:\n\n    npm i\n\nTo create a localhost port you should type:\n\n    ng serve\n\nYour application is ready at port 4200.\n\n    http://localhost:4200/\n\n## License and Copyrights 📜\n\n- All products in the store are created for presentation purposes and do not constitute a sales offer\n- Product photos were created by me for this project\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkaczmarski07%2Fe-commerce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmkaczmarski07%2Fe-commerce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmkaczmarski07%2Fe-commerce/lists"}