wireview Tailwind Templates

Wireview

A full stack E-commerce site with Admin Dashboard, User Dashboard, Stripe Payment integration, Cart. Built using JavaScript, React.Js, Next.Js, CSS, Tailwind CSS, Nodejs, Express, Mongodb.

wireview-home-page

Wireview

See the Live website at: https://wireviewfrontend1.vercel.app/

Wireview is an ecommerce store that is helpful for stores, shops which have less online visibility. I helps them by showcasing and selling their products on the website, providing them with a valuable online presence. Currently, local businesses encounter challenges due to limited visibility on the internet for marketing their goods. Additionally, customers ordering from other websites often face significant delays in order processing which can be found in nearby stores. Wireview addresses these issues by streamlining the process, efficiently connecting customers with nearby stores, and thereby reducing the time needed to discover and successfully obtain products from the sellers.

As of now, dummy products have been added to demonstrate the functionality of the store.

I deployed this website on Vercel for the frontend and Cyclic.sh for the server.

The design is inspired by Shopify's Woodstock theme.

Installation

Prerequisites

Before you begin, make sure you have the following installed:

  1. Clone the repository to your local machine:
git clone https://github.com/hiteshmishra2103/wireview.git
  1. Navigate to the project directory

    cd wireview
    
  2. Run the command

    git submodule update --init --recursive
    

Now for setting up the frontend on your local machine I have created the installation and setup guide.Checkout the link below👇 https://github.com/hiteshmishra2103/wireviewfrontend1#installation

For setting up the server and API reference, checkout the following readme file👇 https://github.com/hiteshmishra2103/wireviewserver/tree/4e3578ae05d025110a8fa776eaf3ff3fc933cfa8#installation

Tools and Technologies used:

Features:

Authentication

I have added authentication to my website, new users can signup if they are new to the platform and then login to store the items in cart, ordering the prducts and seeing their order history.Utilizing libraries such as bcryptjs for secure password hashing and jsonwebtoken for generating and validating authentication tokens, Wireview ensures that user data remains confidential and protected.

Payments with Stripe:

I have used stripe for secure payments in my website. Say goodbye to payment hassles and enjoy smooth transactions every time.

paymentdesktop

Command Center Dashboard for Admin:

Admin can see what's happening in their store at a glance. They can Add new products, update the order status,and keep track of pending order, all orders, fulfilled orders.

admindashboard

Orders History:

Customers can easily see past purchases, check out product details. They can track their orders in real-time, knowing exactly whether their order is fulfilled or still pending.

ordershistorydesktop

Search Functionality:

No more endless scrolling! Customers can easily search for the products by the powerful search to find items by category, brand, keywords.

searchboxdesktop

Cart

Add items to your cart as you browse, creating your own personalized shopping list. Take your time exploring the store knowing your picks are safely waiting for you. Checkout whenever you're ready with a smooth and hassle-free process.

cartdesktop

Screenshots

Products Page

Mobile View Desktop View
Mobile Desktop

Login Page

Mobile View Desktop View
Mobile Desktop

Admin Dashboard

admindashboard

Product Details Page

Mobile View Desktop View
Mobile Desktop

Orders History

Mobile View Desktop View
Mobile Desktop

Search box

Mobile View Desktop View
Mobile Desktop

Cart

Mobile View Desktop View
Mobile Desktop

Payment

Mobile View Desktop View
Mobile Desktop

Top categories

Loading Svelte Themes