A Full-Fledged eCommerce solution, to overcome challenges faced by local businesses due to Covid-19

Hey, Everyone thank you all for reaching here, and Happy New Year to you all!

I am writing this post as part of the Christmas Hackathon (#christmashackathon), and this post involves:

Note:

As this product is under Christmas Hackathon, I will be sharing the admin credentials only with Hashnode Officials or the Moderators for Christmas Hackathon

(if I share it publicly the database can be spammed with trash content)

About Our Local Business

We run an Electronic Appliances shop in the city ( Haldwani, Uttarakhand) where one can buy a range of appliances and the trust of security.

Why I Needed to build an Ecommerce?

Lately, we have been struggling hard due to the covid situation in my Local, where it was hard for us to manage the social distancing and control the number of people visiting.

Issues we faced due to covid.

I found 50-60% of customers, visiting just to know the availability of the product they require and the price we offer. Which creates a heavy risk of Covid.
- When Ever one pays, we cant every time clean out the Amount (money), which was too harmful.
- We cant order our Costumers to follow the rules, cause it wouldn't feel good as Costumers are equaled to god general.
- One would come and ask to show all the color variants available and all the related companies ( ex: someone who came to buy a fan would ask to show a blue one or a red one or even ask for different companies, this is really hard to search and creates a workload on workers).

What I Aim?

Currently, I aim for this product to be used for Personal Business, I will not open-source it now because it might be buggy, can harm someone, and make upgrade the project to be used by local shops with the same code base.

Here is the link to the shop : nlogn.me

[Disclamer]: Currently I am using port redirection but once I finish with development and will roll on the production version with SSL and domain DNS linked.

List of things I am going to do next.

Test the Application for the coming months.

Run Daily Performance tests and catch harmful bugs.

Upgrade the UI to make it even more beautiful.

Build a Mobile Application ( using React Native).

Add a Moderator Role ( one who is going to manage the orders, but will not be able to manage the products or payments).

Bring my Neighboruing Shops to Digital Platform using the same code base.

How This will be an Ultimate Solution for problems faced by local Shopkeepers.

As I aim, this to be a real good tool for local shopkeepers, and help the society to fight covid and boost business productivity.

Special Features!!🎉🎉

I have integrated the 🎉Home Delivery🎉 Feature, to avoid contact and make a safe delivery which will be really helpful for the covid situation.
Also, the 🎉Cash On Delivery🎉 option is integrated, where one can order by sitting in their home and pay the amount on delivery!

Here are a few things mentioned that will be done.

Everybody shopping from our Shop will search for their demands digitally on our Ecommerce, even by sitting in their homes.

We can offer Home Delivery for our costumers, with contactless delivery

It will Reduce the number of people visiting the shop.

It will save our customers time where they will not have to stay in the queue, and can even order from their home with COD offer.

One buying product from our shop, will be able to pay online which will increase the Government's effort regarding Digitial India

Easy for us to manage the records of products and easy to calculate the daily sale.

Later when I find this secure and bug-free, will bring the neighboring business online e-commerce.

- (Most Important ) `About Safety`?

Clients Safety: We are using firebase Authentication, which is super secure for user login and signup, and the Payment for the products will be done with Stripe Payment which will be 100% safe for our customers and make the trade easy.

Business Man's Safety: We are using the role-based authentication, integrated with Firebase which will not let anyone login as admin into the system, and protect us from spam. Finally, we are using Stripe Dashboard to manage the records for Daily Sales and money management.

How it Happned?

During the Covid, Pandanic started our workers have been tested positive once, and it was really scary to hear about, so recently I had an idea to design a Static Content Show Case Website, which would just be made with HTML-CSS.

But, the Christmas Hackathon taught me a lot and helped me transform my idea from a static site to an E-commerce shop, and the Online paying feature with Cash On Delivery is a real banger during the covid crises for local business.

How Long it will take!

I started working on this project, as I read about Hackathon, and it took me just a single day to design our complete Backend, and the most efficient and advance secured thing is Authentication and Authorization which is done with FireBase. Lastly, the frontend had me really less headache cause I used Reactjs and Bootstrap for an easy development phase, and as soon as we go on Production and make our traffic will plan to move to Tailwind. I had a real plan to launch it by 1 January but I don't want to have any harm to anyone's pocket.

Tech Stack

Backend

NodeJs
Express JS
Firebase Admin SDK
MongoDB
Stripe
Sendgrid
Cloudinary

Frontend

React Js
Firebase
AntDesign
Bootstrap
Redux
ReactPdf
React Toastify

DevOps

Linode
Docker

Extra's

REST API's
Postman
Yarn

Lets Dive in

Disclamer: We are Currently under Development phase and soon be launching!

Here is the link to the shop : nlogn.me

[Disclamer]: Currently I am using port redirection but once I finish with development and will roll on the production version with SSL and domain DNS linked.

Features

For Users

Advanced Login With Firebase and Forgot Password

View Products
Add Products to Wishlist
Add To Cart
Rate and Review Product
Related Products
Cart
Secure Pay with Stripe
Coupons
Cash On Delivery
Invoice and see the order history

Admin

Add Product
Update and Delete Product
Manage Delivery Status
Sales Pannel
Create Category and Sub Category
Create Coupons ( For Special Seasons Discounts)

Video Demo

For Users

https://www.youtube.com/watch?v=K4Y3aphtb7M

For Admin

https://www.youtube.com/watch?v=AfR2eOOMdNc

Conclusion

As I am submitting this project for Christmas Hackathon, I will keep the Admin credentials private (can be shared only the with Hashnode team) to prevent spam and DDOS attack.

The major reason behind building this was to bring the local business digital which is the Modern Solution to Modern Covid Problems and help the retailer in the remote areas of India to order online.

We faced a ton of problems due to Covid-19 and some of them are the crowd, showing up the products and availability, sanitizing the money received, maintaining the stock available and finally here I led it to a complete solution from payment to maintain the stocks available and sold.

Thanks a lot again for giving it a read, you can contact me on Twitter You can ask me about Typescript React and Node