1 Introduction

Supercapacitors, batteries, and fuel cells, all use energy storage mechanisms to store energy in an electrochemical form [1,2,3]. High-performance approaches in these types of power sources, including supercapacitors in particular, have drawn interest from researchers. Supercapacitors, often referred to as electrochemical capacitors or electrode materials, have attracted interest in the field of energy storage due to their exceptional cycle stability, high reliability, rapid charge/discharge rate, and high power density. Supercapacitors are divided into three categories depending on their charge storage mechanism, asymmetric (or hybrid), electrical double layer, and pseudocapacitive capacitors [4].

Supercapacitor electrodes’ material such as metal hydroxides, oxides, and conductive polymers primarily influences the electrochemical capacitor performance, as it determines the nature and magnitude of the charge storage processes occurring within the electrode, such as redox reactions (faradaic; pseudocapacitance) and the double-layer capacitance (non-Faradic) [5]. Also, supercapacitor electrodes can be prepared in different techniques show high electrical conductivity and multiple redox active sites resulting in a high electrochemical activity performance [6,7,8].

Metal hydroxides, oxides, and conductive polymers are the most often studied pseudocapacitive materials [9]. These materials have a variety of oxidation states and/or structural changes that permit a variety of redox processes [10]. For instance, cobalt hydroxide [\(\mathrm{Co}{\left(\mathrm{OH}\right)}_{2}\)], cobalt oxide (\({\mathrm{Co}}_{3}{\mathrm{O}}_{4})\), nickel oxide (\(\mathrm{NiO}\)), and nickel hydroxide [\(\mathrm{Ni}(\mathrm{OH}\))2] have been investigated as ideal electrode materials owing to their high pseudocapacitance [11,12,13,14,15]. Moreover, binary metal oxides such as \({\mathrm{NiMnO}}_{3}\) exhibit a specific capacitance of 750.2 \(\mathrm{F}/\mathrm{g}\) at a scan rate of 1 \(\mathrm{mV}/\mathrm{s}\) [16], \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) nanorods, and ultrathin nanosheets on carbon (\(\mathrm{CNF}@{\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\)) exhibit a specific capacitance of 902 \(\mathrm{F}/\mathrm{g}\) at a current density of 2 \(\mathrm{A}/\mathrm{g}\) [17].

Electrolytes are essential for achieving electrochemical stability and boosting energy density. Additionally, it has the potential to improve charge transfer between the cathode and anode. Currently three types of electrolyte have been used in supercapacitors: organic electrolyte, electrolyte, and aqueous liquids. Aqueous electrolytes such as acidic (H2SO4 solution) and alkaline (KOH solution) provide both higher ionic concentration and lower resistance compare to nonaqueous electrolytes [18, 19]. As a result, their high performance was correlated with their higher conductivity, larger dielectric constant, and larger interfacial area, especially for small electrolyte ions [19, 20].

In this work, a supercapacitor device was designed using binary metal oxide (\({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\)) thin film as a novel electrode material deposited via hydrothermal technique on ITO substrate. The fabricated device morphological and chemical characteristics were analyzed using scanning electron microscope (\(\mathrm{SEM}\)), atomic force microscope (\(\mathrm{AFM}\)), and X-ray fluorescence (\(\mathrm{XRF}\)). Moreover, the electrochemical measurements were investigated in order to quantify the capability of the supercapacitor device for energy storage, in addition to the role of aqueous electrolytes (potassium hydroxide: \(\mathrm{KOH}\) and sulfuric acid: \({\mathrm{H}}_{2}{\mathrm{SO}}_{4}\)) on the performance of the supercapacitor device and charging/discharging process. Finally, the charge storage mechanism of the prepared asymmetric supercapacitor electrodes was analyzed based on charge-transfer mechanism and device engineering.

2 Experimental

2.1 Materials

Nickel nitrate (II) hexahydrate [Ni(NO3)2·6H2O], cobalt nitrate (II) hexahydrate (Co(NO3)2·6H2O), hexamethylenetetramine (HMTA), and potassium hydroxide (KOH) and sulfuric acid (H2SO4) solutions were all obtained from Sigma-Aldrich Chemical Co, St. Louis, MO, USA.

2.2 Electrodes’ synthesis

NiCo2O4 thin films as a supercapacitor electrodes were prepared by the hydrothermal method in the following steps, a \(0.1\mathrm{ M HMTA}\) solution was added to an aqueous solution of Ni(NO3)2·6H2O and Co(NO3)2·6H2O of molar ratio (\(0.1:0.2\)), respectively. The solution was kept under stirring for 15 min to obtain a homogenous solution. Then, the ITO substrate was immersed in the solution and heated in an oven at \(140 \,^\circ \mathrm{C}\) for 2 h. After that, the NiCo2O4 thin film formed on the ITO substrate was washed with DI water to remove any residues. Finally, the NiCo2O4 thin film was annealed for 2 h at \(400 \,^\circ \mathrm{C}\).

2.3 Structural and electrochemical characterization

The morphological features and chemical composition of NiCo2O4 thin film were studied by means of scanning electron microscopy (\(\mathrm{SEM}\)), atomic force microscopy (\(\mathrm{AFM}\)), and X-ray fluorescence (\(\mathrm{XRF}\)). SEM imaging was obtained by (Quanta FEG 450), \(\mathrm{AFM}\) imaging was obtained by (SPM SmartSPM™-1000), and \(\mathrm{XRF}\) analysis was performed using (NEX QC + QuantEZ, Rigaku) at Nanotechnology Institute at Jordan University of Science and Technology.

As shown in Fig. 1, schematic diagram of supercapacitor-based NiCo2O4 anode (working electrode) and graphite cathode (a slurry of graphite that was uniformly coated onto a piece of clean ITO substrate) in KOH and H2SO4 electrolytes. It is clearly that, the positive charges produced through electrochemical reaction pathway accumulated on the NiCo2O4 surface to form pseudocapacitive charge layer. Meanwhile, negative charges accumulated on the surface of graphite electrode to form electric double-layer capacitor.

Fig. 1
figure 1

Schematic diagram illustrates ions diffusion across separator between two electrodes of NiCo2O4 anode and graphite cathodes. The effective mass of NiCo2O4 and Graphite on top of the ITO substrates are \(0.02\, \mathrm{mg}\), and \(0.34\, \mathrm{g}\), respectively

The electrochemical performances of the as-prepared sample were measured in two-electrode setup, including the as-prepared working electrode, and 1 M \(\mathrm{KOH}\) and 1 M \(\mathrm{H}_{2}\mathrm{SO}_{4}\) aqueous solution as the electrolyte. AUTOLAB (PGSTAT302N) electrochemical workstation was employed to perform the electrochemical impedance spectroscopy (\(\mathrm{EIS}\)), cyclic voltammetry (\(\mathrm{CV}\)), and galvanostatic charge − discharge measurements of NiCo2O4 thin-films electrode materials. Cyclic voltammograms were measured at various scan rates (10, 30, 50, and 100) \(\mathrm{mV}/\mathrm{s}\) within a potential window ranging from − 0.1 to + 0.8 V. Electrochemical impedance spectroscopy (\(\mathrm{EIS}\)) was measured by applying an AC voltage of 5 mV amplitude in a frequency range within \(0.01 \, \mathrm{ Hz}-100\, \mathrm{ kHz}\).

3 Results and discussion

3.1 Surface morphology and structure analysis

The surface morphology and cross-sectional of the as-prepared NiCo2O4 sample obtained from SEM images are shown in Fig. 2. The images reflected the 3D-flower-like nanostructure composed of interconnected nanosheets at different scales. The porous structure observed in Fig. 2a, b provides more active sites and promotes the diffusion of electroactive ions and transport of protons in electrolytes, resulting in higher electrical storage capacity [21]. The cross-sectioned images of the NiCo2O4 films in Fig. 2d, e showed the thickness of the prepared film, which varies from 20 to \(23\) µm. The surface topography obtained by \(\mathrm{AFM}\) as shown in Fig. 3 demonstrated that the as-prepared NiCo2O4 film has a \(20\,\mathrm{ \upmu m}\) in thickness fabricated on top of ITO substrates. The \(\mathrm{AFM}\) images illustrated important statistical quantities such as roughness of about \(126\,\mathrm{ nm}\) and the surface area of \(70\,\upmu {\mathrm{m}}^{2}\). As the film’s roughness increases, the surface area increases, which makes more electrolyte distribution through its pores and surface so it can hold more charge without increasing the lateral dimensions of the capacitors [22]. Both SEM and AFM exhibited almost similar results regarding the surface topology and micro-structure of NiCo2O4 thin film.

Fig. 2
figure 2

Surface morphologies of \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) films at scales of a 50 µm, b 5 µm, b 5 µm (inset: 500 nm), and cross section of as-prepared film at scales c 500 µm and d 50 µm

Fig. 3
figure 3

AFM images for \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) thin film in 2D view (left) and 3D mode (right)

The X-ray fluorescence (XRF) analysis has been carried out to provide insights into the elemental compositions of the NiCo2O4 sample. As shown in Fig. 4, the fluorescence signals characteristic include \({{K}}_{\mathrm{\alpha }}\) and \({{K}}_{\upbeta }\) of cobalt and nickel sample. The Indium fluorescence signal appeared in tiny amounts and came from the ITO substrate. The inset table in Fig. 4 shows the mass percentage for the elemental component of the NiCo2O4 thin film. It is observed that 93.5% of the thin-film mass is for nickel and cobalt, which is an indication of the high purity of the thin film.

Fig. 4
figure 4

X-ray fluorescence (XRF) spectra of the \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) film sample

3.2 Electrochemical measurements

The electrochemical reaction of NiCo2O4 with the \(\mathrm{KOH}\) electrolyte can be written as follows [23]:

$${\text{NiCo}}_{{2}} {\text{O}}_{{4}} + {\text{ OH}}^{ - } \leftrightarrow {\text{ NiCo}}_{{2}} {\text{O}}_{{4}} ||{\text{OH}}^{ - } + {\text{ NiCo}}_{{2}} {\text{O}}_{{4}} {-}{\text{OH}}$$
(1)

where NiCo2O4||OH represents the electric double layer formed by the hydroxyl ion, and NiCo2O4–OH represents the product formed by the cathode reaction involving the hydroxyl ion.

The electrochemical measurements of the as-prepared nanosheet electrodes were characterized by cyclic voltammetry (CV) in a potential window between 0.1 and 0.8 V at scan rates of 10, 30, 50, and 100) mV/s as illustrated in Fig. 5, galvanostatic charge–discharge (GCD) in a potential window between 0 and 0.65 V, and the electrochemical impedance spectroscopy (EIS) techniques with a frequency range from 0.01 Hz to 100 kHz. Specific capacitance (Cs) can be evaluated based on charge–discharge curve according to the following formula [24]:

Fig. 5
figure 5

Cyclic voltammograms of \(\text{NiCo}_{2}\text{O}_{4}\) nanosheets for a 1 M KOH and b 1 M \(\text{H}_{2}\text{SO}_{4}\) electrolyte solutions

$${{C}}_{\mathrm{s}}=\frac{{I }\Delta {t}}{{m }\Delta {V}},$$
(2)

where \({C}_{\mathrm{s}}\) represents the specific capacitance in (\(\mathrm{F}/\mathrm{g}\)), \(I\left( {{\text{mA}}} \right),\;\Delta t({\text{sec}}),\;\Delta V({\text{Volt}})\) and \(\mathrm{m }(\mathrm{mg})\) are the charge–discharge current, the discharge time, the potential window of discharge process, and the mass of the active materials in the electrodes, respectively.

The CV curves for KOH and H2SO4 show a slight difference in an electrochemical redox reaction. Furthermore, showing a quasi-rectangular CV shape which is in agreement with the typical pseudocapacitive behavior of supercapacitor [25]. However, the KOH and H2SO4 electrolytes exhibit almost similar integral areas.

EIS measurements were carried out towards further understanding the superior pseudocapacitive performance of the NiCo2O4 electrodes. Nyquist plots as shown in Fig. 6 show a semicircle arc at high-frequency scale and linear region at low frequency in KOH medium. Meanwhile, only, linear behavior is observed in H2SO4 medium. The EIS data for the electrodes were fitted with the NOVA (version 2.1.5) software. The equivalent circuit that is employed to fit the EIS spectra is presented in the inset in Fig. 6. The fitting parameters, \({\mathrm{R}}_{\mathrm{s}}\) are the series resistance which is related to the resistance to ions of the electrolyte and the electron transport of the electrodes and current collectors, (\({\mathrm{R}}_{\mathrm{P}}\)) is the charge-transfer resistance associated with the Faradic reactions at the electrode/electrolyte interface, \(\mathrm{W}\) is the Warburg resistance use to it the linear region of EIS curve and arisen from the ion diffusion and transport in the electrolyte [26, 27].

Fig. 6
figure 6

Nyquist plots of \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) asymmetric supercapacitor and equivalent circuit in a KOH medium and b \({\mathrm{H}}_{2}{\mathrm{SO}}_{4}\) electrolytes

The series resistance can be valued from the intercept at the real axis at the high-frequency region. The NiCo2O4 electrode exhibits an equivalent \({{R}}_{\mathrm{s}}\) value of 135Ω in KOH medium and 472 Ω in H2SO4 medium [26]. In addition, the charge-transfer resistance (\({{R}}_{\mathrm{P}}\)) in KOH medium is much less than resistance in H2SO4 medium. Meanwhile, the NiCo2O4 electrode in H2SO4 solution shows no obvious semicircle in the high-frequency region, which indicates the fast charge transfer of H+ ions caused by the Faradic reaction and ionic diffusion is the only electrochemical reaction that could be observed in H2SO4 solution [27]. Therefore, highly conductive material to the current collector design is favorable for high-performance electrochemical application.

Bode plot provides insight into the capability rate of the electrodes. Figure 7a,b shows impedance and phase angle varying with frequency scale in KOH and H2SO4 electrolytes, respectively. The higher phase angle in KOH electrolyte at low and high frequency suggested good supercapacitive characteristics compared to H2SO4 solutions. The Bod plot for H2SO4 indicates a hump at an intermediate frequency, which is the facilitate electrolyte ion diffusion and enhances supercapacitive performance. The Bode plot at low frequency (0.1 Hz) has a phase angle \(\phi\) of 18° in KOH and \(\phi\) of 23° in H2SO4 indicating a better capacitive retention in H2SO4 electrolyte [28]. This result is quite consistent with the nature of the electrolytes, which is an ionic solution (K+, OH, H+, SO4), offering higher resistance to ion insertion and de-insertion.

Fig. 7
figure 7

Bode plots of \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) asymmetric supercapacitor using KOH and b \(\text{H}_{2}\text{SO}_{4}\) electrolytes

Fig. 8 shows the GCD curves of NiCo2O4-based supercapacitor at different current densities ranging from 0.06 to 0.1 mA within the potential window ranging of 0 to 0.65 V. The plateaus observed clearly in the discharge curves revealed a typical pseudocapacitive behavior, indicating the as-prepared sample as a typical pseudocapacitor electrode material [29]. According to Eq. (1), it can be calculated that the specific capacitance of

Fig. 8
figure 8

Galvanostatic charge–discharge curves at different currents of \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) asymmetric supercapacitor using a KOH and b H2SO4 electrolytes

the as-prepared samples with KOH electrolyte is \(235\, \mathrm{F}/\mathrm{g}\) at current of\(0.06\, \mathrm{mA}\), while that of the as-prepared samples with H2SO4 electrolyte is \(723\, \mathrm{F}/\mathrm{g}.\) The calculated specific capacitances of the as-prepared samples at different current densities ranging from 0.06 to 0.1 mA are plotted in Fig. 9, and it can be seen that the as-prepared samples with H2SO4 electrolyte exhibit excellent specific capacitances of \(723\, \mathrm{F}/\mathrm{g}, 540\, \mathrm{F}/\mathrm{g}, \mathrm{and }510\, \mathrm{F}/\mathrm{g}\) compared to that in KOH electrolyte of \(130\, \mathrm{F}/\mathrm{g}, 215\, \mathrm{F}/\mathrm{g}, \mathrm{and }235\, \mathrm{F}/\mathrm{g}\) at current densities ranging from 0.06, 0.08, to 0.1 mA, respectively.

Fig. 9
figure 9

The specific capacitance of the as-prepared electrode in KOH and \({\mathrm{H}}_{2}{\mathrm{SO}}_{4}\) electrolyte at various current densities

This result indicates that pseudocapacitive properties are in agreement with behavior of CV curves and EIS curves. Further, a conductive network through NiCo2O4 nanoflakes in hybrid electrodes offers a short electron and ion diffusion pathway and charge transfer at the interface [30, 31]. It is observed that the discharge time in H2SO4 electrolyte is greater than KOH electrolyte and varied with different current densities, which may be a result of the slower charge transfer into the inner region of pores of hybrid structures at higher potential applied. This result could be assigned to high-charge storage capacity at higher applied potential [32].

4 Conclusion

In summary, \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) metal oxide was hydrothermally deposited over a cleaned ITO substrate. SEM and AFM images confirmed the presence of nanosheet structure of the as-prepared sample, which had an overall roughness of 126 nm. A hybrid supercapacitor made of an anode electrode of \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) and a cathode of graphite separated by filter paper. At various voltage scan rates, cyclic voltammetry of a supercapacitor device in KOH and \({\mathrm{H}}_{2}{\mathrm{SO}}_{4}\) electrolyte revealed a quasi-rectangular shape. This behavior is attributed to the pseudocapacitive mechanism. Furthermore, the linear region and semicircle arc of the EIS curve confirm the fabricated device's pseudocapacitive characteristics. Equivalent circuit-fitting parameters \({{R}}_{\mathrm{p}}\) and \({W}\) were related to the charge-transfer resistance and ionic diffusion at the interface. The calculated specific capacitance according to the charge–discharge curves at current density of 0.06 mA found to be \(130\,\mathrm{ F}/{\mathrm{g}}\) in KOH electrolyte and \(723 \,\mathrm{ F}/\mathrm{g}\) in H2SO4 electrolyte. Based on our results, the as-prepared \({\mathrm{NiCo}}_{2}{\mathrm{O}}_{4}\) nanosheets’ thin films can be used as a good candidate for supercapacitor and energy storage application using a simple and cost-effective hydrothermal process.