Skip to main content

Counter.js

Raw Code

This is the raw code which will be downloaded at time of building the portfolio.

info

Portfolio Generator will ask you for data which can replace the variables. If you don't enter correct data, then you can change variables manually also.

Data/Counter.js
const counterItems = [[items]];

export default counterItems;

Variables

caution

You can refer this table if you have any kind of confusion regarding adding data into variables. Remember variables are very sensitive respect to their types and data format. Data should be added in the instructed format only.

VariableDescriptionTypeConstraintDetails
items*List of counter itemsListLength 2 to 4View
info

Data which will be asked by portfolio-generator for variable marked as * will be in different format.

Data Asked by portfolio-generator for variable items

VariableDescriptionTypeConstraintExample
itemsCount*Number of items in listIntegerValue 2 to 4
iconName of bootstrap icon classTextbi bi-globe
countNumber upto animation should runInteger
durationDuration of animation in secondsInteger2
titleTitle of itemTextLength 3 to 25Years of Experience
tip
  • itemsCount will be asked only once.
  • Then all variables will be asked itemsCount times i.e. once for each item.

Final Code Example

After adding the data, the code will look like:

Data/Contact.js
const counterItems = [
{ icon: "bi bi-globe", count: 50, duration: 1, title: "Websites" },
{ icon: "bi bi-phone", count: 10, duration: 1, title: "Android Apps" },
{
icon: "bi bi-currency-bitcoin",
count: 3,
duration: 1,
title: "Web 3.0 Apps",
},
{
icon: "bi bi-lightbulb-fill",
count: "2",
duration: 1,
title: "Years of Experience",
},
];

export default counterItems;
danger
  • Above data is dummy data which will be produced when you run portfolio-project with --dummy option.
  • This data is the personal data of Saksham Bindal
  • This data is only for testing purpose. You are not allowed to misuse the data.
  • You are not allowed to distribute or publish this data.