Created by Daniel Githiomi
This project was created using Angular CLI version 15.2.6.
Click Mall is a project developed using Node, Angular, Typescript, HTML5 and CSS. It is an online E-Commerce Store Application that allows a user to shop for products provided by the backend API.
Run ng serve for the development server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Install dependencies
npm install
Run Angular server (http://localhost:4200)
ng serve
Run the Stripe server (http://localhost:4242)
node stripe-server.js
You will need to have the following installed on your system for the application to run:
- Any Modern Browser.
Node JSinstalled on your machine
Make sure to run the following command to get the node_modules folder added to your version.
npm init
You will also need to have a local server running to perform the cart checkout using the following command in the root directory.
node stripe-server.js
Compatible with all mordern browsers.
It is made entirely using Visual Studio Code in ollaboration with the Angular CLI to create all the files and to achieve the output as you see it.
Typescript- Angular core language.Angular- Client-Side Frontend Framework.Angular Material- Angular Material library to help with component creation.Fake Store API- The backend used to store the products to be displayed on the website.Font Awesome- Provides SVG icons
ng add @fortawesome/angular-fontawesome
Stripe- Provides the checkout protocol
npm install @stripe/stripe-js
Only one bug to report at the moment! Else, the system works efficiently at 100% guaranteed.
Stripeis a payment system that only works with United States Registered Cards. This limits the ability of other countries to use this payment method.
Cross platform support are under development using React.
Other payment methods such as
PayPalwill be integrated soon!
In order to enjoy the features of this application you will need to:
- Git clone this into your terminal to your desired directory.
- Open the project in an IDE of choice (Eg: Visual Studio Code).
- Run 'ng serve' to run the application on the development server.
- Enjoy the
Click MallAngular Application and Shop at will.
Contact me through any of the following:
- Slack: danielgithiomi
- Email: [email protected]
- Github: githiomi
Click the following to access the license page: Click-Here
Copyright (c) {2023} DhosioLux Co.