₦airaland Forum

Hi all, I just deployed an ecommerce web application for a fashion accessories store using React for the user interface components, Tailwind CSS for styling of the components and the Redux Toolkit for state management.

Payments are processed with Stripe and successful payments are saved to the database attached with details of the order made which the admin has the ability to update the order delivery status from the Admin dashboard which also has features such as the ability to add ,delete and update new or existing products.

The images for the products are uploaded to Firebase's storage and the URL address saved to the database, this greatly improves the response time of the web application and relieves the database the burden of handling the image uploads.

The user has a user panel from were they can track the shipping status of their orders, update their account details and manage the items in their Wishlist and Cart.

For the icons, the Material UI library icons were used as they have a low build size, the slides on the reviews section were made with the Swiper Js library and the validation of forms are done with the aid of the react-hook-form library.

The backend is handled using the Node.js runtime environment with Express as the server and MongoDB for the database management. The token for the logged in users is created and signed using JsonWebToken and the passwords are hashed with the Advanced Encryption Standard provided by the CryptoJs library.
The URL address is : https://maplestore.netlify.app
Thank you

This is wonderful. Kudos

Good Stuff... The product card on mobile feels too big...

Great job

Codepain:
This is wonderful. Kudos

Thank you bro

Belkid01:
Good Stuff... The product card on mobile feels too big...

Thank you bro, I'll readjust it

Brogrammer:
Great job

Thank you bro

This is very wonderful project. Where did you get the design from. Everything is just so well aligned. You are the guy who also did the carfaxt project. You are really amazing men.

This is really nice. Permission to "steal" your colour code?

remi1444:
This is really nice. Permission to "steal" your colour code?

Nice project... You need to fix the order receipt i.e your order was successful. Increase the width and add left and right padding.

tensazangetsu20:
This is very wonderful project. Where did you get the design from. Everything is just so well aligned. You are the guy who also did the carfaxt project. You are really amazing men.

Thanks alot bro, the design was from Behance, created a moodboard with multiple designs and then combined different sections from them together to come up with mine.

remi1444:
This is really nice. Permission to "steal" your colour code?

Thanks alot bro, sure bro, no problem.

devmek:
Thanks alot bro, the design was from Behance, created a moodboard with multiple designs and then combined different sections from them together to come up with mine.

That's amazing. Men if you built this yourself. I won't honestly mind starting you as a mid level frontend developer. You are so much better than I was when I started my first job.

devdev:
Nice project... You need to fix the order receipt i.e your order was successful. Increase the width and add left and right padding.

Thanks alot bro, will fix it up now, I honestly didn't even notice it cos I was just testing the payments on desktop, I appreciate.

Guy you're a cheat code .it's crazy

devmek:
Thanks alot bro, will fix it up now, I honestly didn't even notice it cos I was just testing the payments on desktop, I appreciate.

You are welcome

devmek:
Hi all, I just deployed an ecommerce web application for a fashion accessories store using React for the user interface components, Tailwind CSS for styling of the components and the Redux Toolkit for state management.

Payments are processed with Stripe and successful payments are saved to the database attached with details of the order made which the admin has the ability to update the order delivery status from the Admin dashboard which also has features such as the ability to add ,delete and update new or existing products.

The images for the products are uploaded to Firebase's storage and the URL address saved to the database, this greatly improves the response time of the web application and relieves the database the burden of handling the image uploads.

The user has a user panel from were they can track the shipping status of their orders, update their account details and manage the items in their Wishlist and Cart.

For the icons, the Material UI library icons were used as they have a low build size, the slides on the reviews section were made with the Swiper Js library and the validation of forms are done with the aid of the react-hook-form library.

The backend is handled using the Node.js runtime environment with Express as the server and MongoDB for the database management. The token for the logged in users is created and signed using JsonWebToken and the passwords are hashed with the Advanced Encryption Standard provided by the CryptoJs library.
The URL address is : https://maplestore.netlify.app
Thank you

You should adjust the side bar bottom margin on mobile

You are good guy

devdev:
You are welcome

Fixed it up now bro, thanks for pointing it out.

RenerdLiam:
You should adjust the side bar bottom margin on mobile

Thanks for pointing it out sir, I have fixed it up now.

tensazangetsu20:
That's amazing. Men if you built this yourself. I won't honestly mind starting you as a mid level frontend developer. You are so much better than I was when I started my first job.

Thanks alot bro, the tip of going to behance to get design inspirations you dropped on a thread has really been helpful, thank you sir.

JSXyoungboy:
Guy you're a cheat code .it's crazy

Thanks bro, I appreciate

jbreezy:
You are good guy

Thanks alot bro

devmek:
Thanks for pointing it out sir, I have fixed it up now.

That looks good now

devmek:
Hi all, I just deployed an ecommerce web application for a fashion accessories store using React for the user interface components, Tailwind CSS for styling of the components and the Redux Toolkit for state management.

Payments are processed with Stripe and successful payments are saved to the database attached with details of the order made which the admin has the ability to update the order delivery status from the Admin dashboard which also has features such as the ability to add ,delete and update new or existing products.

The images for the products are uploaded to Firebase's storage and the URL address saved to the database, this greatly improves the response time of the web application and relieves the database the burden of handling the image uploads.

The user has a user panel from were they can track the shipping status of their orders, update their account details and manage the items in their Wishlist and Cart.

For the icons, the Material UI library icons were used as they have a low build size, the slides on the reviews section were made with the Swiper Js library and the validation of forms are done with the aid of the react-hook-form library.

The backend is handled using the Node.js runtime environment with Express as the server and MongoDB for the database management. The token for the logged in users is created and signed using JsonWebToken and the passwords are hashed with the Advanced Encryption Standard provided by the CryptoJs library.
The URL address is : https://maplestore.netlify.app
Thank you

Good morning boss. I'm planning to start learning programming and web design next month, and I'm really inspired by your work. If you don't mind, can you tell me how long you've been in the programming space, and I will really appreciate it if you could give me a step by step guide from how you started till date and the study materials you used. God bless you

bluebloodxvi:
Good morning boss. I'm planning to start learning programming and web design next month, and I'm really inspired by your work. If you don't mind, can you tell me how long you've been in the programming space, and I will really appreciate it if you could give me a step by step guide from how you started till date and the study materials you used. God bless you

Good afternoon bro, I am still a newbie and I started last year with the Web developer Bootcamp course by Colt Steele and Advanced CSS course by Jonas Schmedtmann on Udemy. You can follow tensazangetsu20 here as he created a thread properly documenting the path he took to land a job, it's quite comprehensive and rich.

You are good bro.
Not a bad idea to include an admin dashboard.

Colt Steele have really saved live's even without knowing

My friend and course mate a Co-founder and lead engineer @ Lazerpay was also his disciples

devmek:
Good afternoon bro, I am still a newbie and I started last year with the Web developer Bootcamp course by Colt Steele and Advanced CSS course by Jonas Schmedtmann on Udemy. You can follow tensazangetsu20 here as he created a thread properly documenting the path he took to land a job, it's quite comprehensive and rich.

Thanks for your reply boss. More grease to your elbow ��

GREATIGBOMAN:
You are good bro.
Not a bad idea to include an admin dashboard.

Colt Steele have really saved live's even without knowing

My friend and course mate a Co-founder and lead engineer @ Lazerpay was also his disciples

Thanks alot bro, it does have an admin dashboard

nice one boss

this is just too good. excellent

branham890:
nice one boss

Thank you bro