Developing an E-commerce Software with VueJS | Check it out! by techlhab

hive-169321 · @techlhab · Feb 4 '22 (edited)

$36.10

Developing an E-commerce Software with VueJS | Check it out!

Hi, I'm @techlhab. It was fun, challenging, and also very educating building this project, which is an e-commerce software with VueJs. Before I started using VueJS and ReactJS, I have worked on and developed e-commerce software using HTML, CSS, Javascript for the frontend part of the software and Django (A backend framework built with python) for the Backend (That is the server-side) of the software.

But talking about this project, I used VueJS a javascript frontend framework is used to develop the client-side (UI) of the project, NodeJS for backend, and AWS Amplify for hosting, deployment and database.

![w8.PNG](https://files.peakd.com/file/peakd-hive/techlhab/EpCFDaVyGeLud8uxdwNiMweFRepjr8zyeFS8oGLbp61Nd2wsa9GEPGp3x4jf1xY8hKQ.PNG)

Above, is the home page of the software where users can search for products, see featured products, and also navigate to other pages on the software.

![w9.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23tkdpqSriDVySvLDaMjjSNuSfxe3E6D6rcqL25JEJbf5TD9nACrEBVYmdWrhxKmrV7tH.PNG)
This image shows the part of the codes I wrote towards the development of the software, the components, route, pages, etc.

![w10.PNG](https://files.peakd.com/file/peakd-hive/techlhab/EpCFfhLKNpAdCUoD3FpBhPfrtx4oNWvTWYhFqmc6VDN7mHvztXphp6VTKbcxp6wV4kR.PNG)

![w11.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23yxCUKpyZLFibpha5T6Av36aCXZtNkjy9jDyjcGDBK18R22xeQ6JarAF4EUgg5bSzq2q.PNG)

This is the product page of the software where users can see all products on the platform, make searches, and add to cart items to their cart.

![w12.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23tcNzkBCwCBio1Pj56MikreTf9L8TAQgPznw31Bd7deFjjARofPYYot49XGJLYP5Tccz.PNG)

This shows the cart page, where selected items by the user appear before checkout and payment is made. This page is one of the pages of the software where more logical coding was made. And it is made to be dynamic and asynchronous,  in such a way that as the user increases the quantity of an item to be purchased in the cart, the total price is been automatically computed by the software.


![w15.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23tHbKhJnrWkqgibhDkFQY9tgDVJfiwi1SbgYZT6Q6SDHvC9XdV1iX7TBk78zYWjF6fVD.PNG)

Above is the checkout page, where the user inputs his/her shipping and billing details and makes payments for the items purchased.

![w13.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23tmmjqriLPmQhhyC6Hvoz4xpz9Mng43Fh49VcpFt4hDcqDTdmVrvKswv4ZbukhKvV4wY.PNG)

I also developed a dashboard for the users to manage and monitor their purchases or orders, edit their account details or user profile on the e-commerce platform.

![w14.PNG](https://files.peakd.com/file/peakd-hive/techlhab/23tcP5UHCUyfkTQB2UnoZCZW4fj5WvQGJMhAT8JAwFEdXDfoiMe172P2wuhLSo7dzEnrm.PNG)

It was fun building this, as I was able to learn and improve my skills through challenges I encountered during the development and I hope you also enjoyed reading this. The software can be accessed via this [link](https://dev.dog2bcbbzs838.amplifyapp.com/).


Thanks for reading 🤝, don't forget to like ❤️, comment, and share.

👍 ocdb, newsflash, ocd, waivio.match, nbs.gmbh, meritocracy, maxwellmarcusart, someguy123, howo, postpromoter, nateaguila, deathwing, macoolette, hivephilippines, takowi, betterdev, romeskie, emrebeyler, steempress, roelandp, eonwarped, kevinwong, cryptothesis, cadawg, sunsetjesus, pladozero, juanvegetarian, walterjay, travelingmercies, dcrops, josejirafa, jlsplatts, hivetrending, shmoogleosukami, erikaflynn, hiveph, kgakakillerg, alloyxuast, hextech, tomiscurious, mrtats, lefty619, macchiata, gwilberiol, steemph.cebu, devann, peterpanpan, spydo, farpetrad, sanderjansenart, giftgiver, missdonna, r00sj3, nikkabomb, fatman, justinw, jason04, jayparagat, bearone, ctime, nftmart, psygambler, gloriaolar, detlev, and 148 others

properties (23)vote details (212)

voter	rshares	pct
kevinwong	43,851,810,847	6%
mammasitta	2,045,094,497	0.6%
roelandp	51,184,087,688	1.5%
joshglen	5,910,179,550	50%
steempress	60,119,106,135	6%
psygambler	7,787,466,400	50%
someguy123	267,851,651,402	11.4%
rishi556	1,535,349,908	10%
oleg326756	686,437,850	1.5%
justinw	8,205,877,132	1.88%
walterjay	24,161,133,083	1.8%
askari	5,681,390,025	5.13%
erikaflynn	17,369,225,048	30%
bloghound	899,935,889	10%
detlev	6,723,208,568	0.6%
ma1neevent	3,594,261,627	15%
frankydoodle	6,262,201,856	50%
batman0916	504,932,511	2.85%
newsflash	3,642,410,084,728	6%
rawselectmusic	1,170,649,948	3%
bearone	7,977,689,954	16%
alphacore	4,036,394,828	2.02%
jamiz	2,646,670,151	50%
tipy	5,545,986,076	100%
scrodinger	515,167,878	3%
lenasveganliving	1,908,658,333	3%
howo	192,831,516,008	6%
greatness96	462,980,878	50%
ocd	801,003,239,400	6%
macchiata	12,939,280,827	2.85%
joshruiz	1,581,211,761	10%
travelingmercies	23,375,855,696	100%
redrica	2,127,859,883	3.13%
jenesa	5,295,459,912	50%
appleskie	1,656,777,821	10%
hdmed	689,206,869	6%
chunnorris	549,881,102	50%
pjmisa	859,190,506	50%
agentzero	1,413,510,838	50%
markjason	2,318,638,205	10%
marysent	3,555,526,156	100%
calatorulmiop	651,511,173	50%
tomiscurious	15,235,233,186	3.3%
fatman	8,373,368,855	2%
deathwing	160,663,348,384	11.4%
mercy11	506,568,328	50%
jlsplatts	19,642,361,520	2%
hanggggbeeee	511,114,256	3%
joancabz	503,679,159	50%
reyarobo	476,634,963	50%
steemph.cebu	11,129,106,065	100%
legendarryll	1,736,084,502	50%
eonwarped	50,489,143,961	1.8%
postpromoter	183,558,896,139	5.7%
sorenkierkegaard	2,538,865,255	100%
emrebeyler	60,287,849,767	5.7%
dizzyapple	3,421,939,544	50%
maverickinvictus	575,294,496	10%
lordnigel	5,980,319,489	14%
junebride	1,514,511,970	5%
janicemars	866,030,522	50%
kneelyrac	973,004,532	10%
steeminer4up	647,950,956	50%
mhm-philippines	1,037,831,943	50%
godlovermel25	674,242,793	18%
tomatom	597,330,149	3%
fourfourfun	807,957,307	3%
spydo	10,116,345,242	3%
pizzanniza	894,921,654	50%
r00sj3	8,529,551,480	3%
ronpurteetv	522,800,877	3%
nikkabomb	8,510,000,217	100%
gabrielatravels	2,135,657,372	2.4%
cyyy1998	701,755,800	50%
josejirafa	20,335,272,318	100%
christianyocte	1,911,866,965	10%
brusd	546,468,048	50%
honeyletsgo	572,873,976	50%
georgie84	740,955,316	50%
ricardo993	790,354,550	3.6%
davids-tales	1,069,086,846	50%
mrsexappeal	503,445,603	50%
jayparagat	8,053,144,279	50%
shmoogleosukami	17,538,757,957	10%
cadawg	38,858,441,823	9%
ocd-witness	2,715,622,548	6%
raquelita	629,744,153	100%
geeyang15	505,843,948	50%
photohunter5	1,183,205,588	50%
gohenry	797,874,693	5%
starzy	2,537,960,556	50%
takowi	105,523,941,371	6%
kitalee	504,397,653	50%
rasty.demecillo	1,476,752,171	100%
missdonna	8,919,529,964	50%
sawi	1,479,183,113	50%
miroslavrc	1,380,083,002	3%
themarshann	897,500,028	50%
sanderjansenart	9,310,951,278	6%
jackobeat	751,839,902	50%
carlitojoshua	1,527,907,258	100%
obsesija	883,926,676	2.85%
michellpiala	526,019,140	10%
aljunecastro	521,411,509	50%
kgakakillerg	16,925,250,782	10%
indigoocean	1,267,942,634	3%
steemph.uae	2,560,638,468	20%
guider	686,565,583	50%
romeskie	73,890,965,676	20%
celinavisaez	5,298,386,406	18%
leeyen23	504,691,656	50%
gwilberiol	11,180,563,998	4.8%
pladozero	31,119,644,291	10%
nateaguila	174,747,607,944	5%
blackelephant	508,614,222	100%
jason04	8,070,288,441	50%
kyanzieuno	506,746,492	50%
dzoji	1,701,950,809	6%
ihal0001	1,013,721,124	50%
hloody	640,007,994	50%
marblely	5,298,107,690	6%
haccolong	1,659,277,141	3%
mojacko	508,119,944	50%
olumzy	1,600,104,411	1.8%
mrnightmare89	1,994,482,660	10%
ocdb	16,795,335,977,534	5.7%
kayegrasya	507,339,553	50%
hoaithu	630,972,450	2.55%
pavanjr	586,676,693	2.85%
riottales	864,125,676	50%
pradeepdee6	2,545,665,585	2.4%
javyeslava.photo	818,401,145	1.8%
angoujkalis	1,283,409,724	50%
macoolette	113,039,355,330	100%
athunderstruck	836,380,080	3%
merlin7	5,605,194,453	2.28%
devann	10,996,118,051	4%
variedades	787,582,778	2.28%
ctime	7,915,705,560	2.5%
ava77	1,536,690,011	35%
parth7878	1,642,304,855	50%
giftgiver	9,087,504,823	10%
lefty619	13,955,537,042	100%
photographercr	2,145,151,233	1.14%
squareonefarms	625,759,092	3%
zackarie	1,103,221,446	50%
yiobri	1,236,795,804	3%
beerlover	842,061,882	0.6%
abdulmatin69	509,223,730	50%
digitalmack	1,336,171,739	50%
maxwellmarcusart	286,389,923,705	35%
psyo	5,589,253,115	50%
kgswallet	1,172,497,171	20%
joshuafootball	616,995,751	50%
zeesh	825,169,307	3%
bella.bear	543,249,455	10%
gloriaolar	6,808,673,710	10.5%
juanvegetarian	24,231,977,067	100%
dpend.active	603,835,851	1.2%
hivetrending	19,109,935,320	50%
hiveph	16,926,701,606	20%
hivephilippines	106,999,832,756	25%
waivio.match	727,455,554,840	12.15%
velinov86	811,689,245	2.85%
peterpanpan	10,149,356,440	10%
mami.sheh7	553,410,583	10%
maitt87	967,923,907	3%
hextech	16,536,124,028	10%
glasscity	299,987,266	12.15%
mercmarg	719,942,121	4.27%
olaunlimited	4,116,779,723	2.4%
ilovegames	5,673,786,798	20%
djean	1,411,911,597	100%
mafia.wallet	3,430,537,562	10%
nftmart	7,825,620,461	10%
sevenoh-fiveoh	995,389,928	5%
kawsar8035	569,758,075	1.71%
noelgamingtv	504,966,729	50%
jonalyn2020	733,544,624	10%
nbs.gmbh	430,926,838,319	5.7%
wannderingsoul	775,661,710	100%
mrtats	15,128,321,190	40%
betterdev	92,152,081,695	10%
meritocracy	316,496,244,755	2.85%
dcrops	23,031,448,540	2.85%
ausbit.dev	2,046,523,895	11.4%
thecouncil	508,752,826	10%
leveluplifestyle	1,317,163,848	3%
sunsetjesus	35,413,818,194	100%
counterterrorism	2,468,157,857	50%
farpetrad	9,971,380,629	100%
partiesjohall	1,053,121,784	6%
carminasalazarte	821,826,980	6%
aprasad2325	1,013,852,550	2.85%
yasern	748,803,355	6%
explorewithsasha	503,419,520	5%
kerwinjz	894,385,864	5.4%
ivycrafts	547,816,207	3%
johadejesus03	507,010,521	100%
iamleicester	517,649,010	80%
alloyxuast	16,848,021,146	50%
donkapone	438,301,206	50%
ate.eping	2,544,959,402	50%
shadowalker21	1,698,832,898	50%
cryptothesis	39,546,014,232	100%
tkrypt	1,828,161,369	100%
meltysquid	1,056,371,707	5.7%
waivio.curator	1,279,552,963	2.43%
tristan.todd	1,419,659,296	6%
anthony8873	512,261,824	25%
kephler	5,522,142,891	20%
lexdiscipulus	985,381,690	95%

`author`	starstrings01
`permlink`	re-techlhab-r6ssqa
`category`	hive-169321
`json_metadata`	{"tags":["hive-169321"],"app":"peakd/2022.01.2"}
`created`	2022-02-04 20:55:51
`last_update`	2022-02-04 20:56:00
`depth`	1
`children`	1
`last_payout`	2022-02-11 20:55:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	109
`author_reputation`	942,630,974,283,386
`root_title`	"Developing an E-commerce Software with VueJS \| Check it out!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	110,149,093
`net_rshares`	0

`author`	techlhab
`permlink`	re-starstrings01-r6t1w0
`category`	hive-169321
`json_metadata`	{"tags":["hive-169321"],"app":"peakd/2022.01.2"}
`created`	2022-02-05 00:12:03
`last_update`	2022-02-05 00:12:03
`depth`	2
`children`	0
`last_payout`	2022-02-12 00:12:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	226
`author_reputation`	11,066,014,147,515
`root_title`	"Developing an E-commerce Software with VueJS \| Check it out!"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	110,153,248
`net_rshares`	0