DFabrica

This is a Ecommerce site with clothing having both client and admin side

https://dfabrica.netlify.app/

🔗 Team Members Github Profiles

Ramsundar Sivakumar

Suraj Deosarkar

Sumit Kumar

Navneet Srivastava

Fija Jahangir Shaikh

Deployed Site Link

https://dfabrica.netlify.app/

API Data base in db.json file

Hard collected from the cloning example site https://www.bewakoof.com/

Deployed API Link for DFabrica :

https://dfabrica-data-app.onrender.com

API github Link

https://github.com/RamR3R/Dfabrica-data-app

DFabrica API

API Reference

We can perform all CRUD Operation Using the deployed API GET ,POST , PUT ,PATCH and DELETE

api/admin Routes are proteced and need to be accesed with JWT token

Get all items

  GET http://dfabrica-data-app.onrender.com/users

Parameter	Type	Description
api_key	string	gets all the user data

Get item

  GET http://dfabrica-data-app.onrender.com/users/${id}

Parameter	Type	Description
id	string	Required. Id of user to fetch

🔗 Deployed Link

http://dfabrica-data-app.onrender.com

Landing Page

User Login Page

This page has the feature of Email verification for the new users Signing Up. This is done by using SMTPJS.

By sending OTP to verify user Email address.

https://smtpjs.com/

Category Page

Here the api data for each category is displayed and the filter functionality could be used simaltaneously with different combinations

Individual Product Page

Here the currency funtionality is used we can change the country loction and get the respiective price of the corresponding countries.

The check availability funtion uses GoogleMaps Api to calculate the distance between source of the product and destination of the user using

Distance Matrix API from Google Maps API.

Checkout Page

Here the user details are fetched from the LS from key login-info stored during Login or Signup of a user.

When the user enters the PINCODE the data of City , State and Country is fetched Automatically with the help of GoogleMapsAPI.

#Admin Login Page Admin can Login from here

#Admin AddItem Page

Admin would be able to add Products from the admin page in the api and allow the users to get them from the client side. POST method - adding products PATCH method - Updating products DELETE method - Deleting products

The APIs Used in this project are below:

https://smtpjs.com/ = Email sender usgin API in JS.

https://cloud.google.com/apis = Locating the User, Fetching Address using Location (Lat , Lng)

DistanceMatrixApi = Calculate the route , distance and duration between 2 end points

http://dfabrica-data-app.onrender.com = Api database with all CRUD operations and JWT Protected Routes.