Skip to content

hamzaanwar12/FullStackEcommerceWebsite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 

Repository files navigation

Public Project

This repository contains the files for a project that includes both frontend and backend components. The frontend is built using Vite+React.js with Tailwind CSS and Material-UI, and the backend is developed using Node.js.

Table of Contents

Introduction

This project provides a multipage web application with a frontend built using Vite+React.js, styled with Tailwind CSS and Material-UI, and a backend built using Node.js. The project demonstrates the integration of frontend and backend components to create a functional and efficient web application.

Technologies Used

Frontend

  • React.js: A JavaScript library for building user interfaces.
  • Vite: A build tool that provides a faster and leaner development experience for modern web projects.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • Material-UI: A popular React UI framework with a comprehensive collection of prebuilt components.

Backend

  • Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.
  • Express.js: A minimal and flexible Node.js web application framework.
  • jwt: For authentication and Authorization.
  • Cloudinary: Cloudinary for handling image uploads and etc.

RestAPI

Installation

Client

  cd client
  npm install
  npm run dev

Server

  cd server
  npm install
  npm start

Prerequisites

  • JavaScript.js
  • React.js
  • Node.js
  • npm or yarn

The congig/.env file in the server contains: PORT = 5000

FRONTEND_URL= DATABASE_KEY = CLOUDARY_NAME = API_KEY = API_SECRET =

DEMO

demo.mp4

Preview

FrontEnd link : https://full-stack-ecommerce-website-lilac.vercel.app/

BackEnd link : "Origin for the Backend that request can only be made from the frontend : [https://full-stack-ecommerce-website-lilac.vercel.app/]" Backend Link : You can experience it using the frontend(Thanks)

Preview

Contributions are Welcome

Releases

No releases published

Packages

No packages published