8000 GitHub - ksumit01/Dfabrica: This is a Ecommerce site with clothing having both client and admin side
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

ksumit01/Dfabrica

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

DFabrica

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

πŸ”— Team Members Github Profiles

Ramsundar Sivakumar

Suraj Deosarkar

Sumit Kumar

Navneet Srivastava

Fija Jahangir Shaikh

Deployed Site Link

Tech Stack

  • HTML
  • CSS
  • Advanced JavaScript
  • JWT
  • RESTful Api

API Data base in db.json file

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

Deployed API Link for DFabrica :

API github Link

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 logo

Landing Page

image

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.

image

Category Page

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

image

Individual Product Page

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

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.

image

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.

image

#Admin Login Page Admin can Login from here

image

#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

image

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 56.2%
  • JavaScript 24.6%
  • CSS 19.2%
0