{"id":19867091,"url":"https://github.com/azurespheredev/angular-ecommerce-app","last_synced_at":"2026-04-10T11:02:11.542Z","repository":{"id":229768056,"uuid":"777576266","full_name":"azurespheredev/Angular-Ecommerce-App","owner":"azurespheredev","description":"This is an e-commerce web application based on other popular e-commerce platforms. Built with Angular, Node.js, and MySQL","archived":false,"fork":false,"pushed_at":"2024-03-26T05:39:20.000Z","size":15363,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-11T15:50:22.293Z","etag":null,"topics":["angular","ant-des","ecommerce","joi","jwt","mysql","nodejs","rxjs","saas","swiper-js","typescript"],"latest_commit_sha":null,"homepage":"","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/azurespheredev.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}},"created_at":"2024-03-26T05:34:55.000Z","updated_at":"2024-03-26T05:38:05.000Z","dependencies_parsed_at":"2024-03-26T06:50:07.609Z","dependency_job_id":null,"html_url":"https://github.com/azurespheredev/Angular-Ecommerce-App","commit_stats":null,"previous_names":["azuresphere7/angular-ecommerce-app","blitzsprinter/angular-ecommerce-app","azurespheredev/angular-ecommerce-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azurespheredev%2FAngular-Ecommerce-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azurespheredev%2FAngular-Ecommerce-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azurespheredev%2FAngular-Ecommerce-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/azurespheredev%2FAngular-Ecommerce-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/azurespheredev","download_url":"https://codeload.github.com/azurespheredev/Angular-Ecommerce-App/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241278754,"owners_count":19938019,"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","ant-des","ecommerce","joi","jwt","mysql","nodejs","rxjs","saas","swiper-js","typescript"],"created_at":"2024-11-12T15:28:19.097Z","updated_at":"2025-12-31T01:08:39.057Z","avatar_url":"https://github.com/azurespheredev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Ecommerce Web App\n\nI made this project to learn and understand the basics of both Angular and MySQL. It was not fun at first but once I got the hang of it it was quite pleasant. In addition to Angular and MySQL, this project is built using Ant Design for its UI and SwiperJS for its carousels. The backend is built using Node.js, Express.js, Joi for input validation, and JWT for authentication. I did want to provide a demo link for now there will be instructions on how to set up this project on your local machine.\n\n\u003cbr/\u003e\n\n![](1.gif)\n![](2.gif)\n\n## Functionality\n\nThe application allows you to browse the home page for products, check out each of the details of the product and add them to your cart for a later checkout.\n\nAdding products to your cart will make a notification pop up and indicate that the product was added successfully.\n\nYou are able to see a preview of the cart on the top bar or even navigate into a more detailed cart page.\n\nThe checkout process is a multi-page form that at the end allows you to place an order that will later be shown on the order history page.\n\n\u003cbr/\u003e\n\n## Getting Started\n\nThe app can be installed by cloning the git repository\n\n```\ngit clone https://github.com/azuresphere/Angular-Ecommerce-App.git folder-name\n```\n\nThen cd into both directories and run npm install\n\n```\ncd Angular-Ecommerce-App\ncd backend\nnpm run install\ncd.. // return to Angular-Ecommerce-App\ncd client\nnpm run install\n```\n\n\u003cbr/\u003e\n\nAfter the entire installation you need to run the server and the client by running this commands each in its own directory\n\n**backend**\n\n```\nnpm run dev\n```\n\n**client**\n\n```\nng serve\n```\n\n\u003cbr/\u003e\n\n## Prerequisites\n\nYou will need to have node and npm installed. In addition you will need a MySQL server running in order to have full functionality of the application\n\n\u003cbr/\u003e\n\n## Environment Variables\n\nCreate a folder called env in the root of the backend directory and create a development.env file.\n\n**Change DB variables to match your MySQL setup**\n\n```\nPORT=5000\nDB_HOST='localhost'\nDB_USER='root'\nDB_PASSWORD=''\nDB_NAME='myapp'\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazurespheredev%2Fangular-ecommerce-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fazurespheredev%2Fangular-ecommerce-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazurespheredev%2Fangular-ecommerce-app/lists"}