Filend Frontend React

WebRTC Base File Sharing Application, Chat Application, and Video meeting (Frontend)

Prerequisites

Before running this application, ensure that you have the following dependencies installed on your machine:

• Node.js (v18.15.0 or above)
• npm (v9.5.0 or above)

Clone the repository:

git clone https://github.com/samar-almas/filend_frontend.git
cd filend_frontend

Install Packages

npm install
npm run dev

Available Scripts

In the project directory, you can run the following scripts:

npm run dev: Starts the development server.
npm build: Builds the production-ready optimized bundle.
npm test: Runs the test suites.

Folder Structure

The project structure is organized as follows:

filend_frontend/
├── public/
│   ├── ...
├── src/
│   ├── assetsts/
│   │   └── ...
│   ├── components/
│   │   └── ...
│   ├── context/
│   │   └── ...
│   ├── hooks/
│   │   └── ...
│   ├── pages/
│   │   └── ...
│   ├── utilities/
│   │   └── ...
│   ├── App.tsx
│   ├── index.css
│   ├── main.tsx
│   ├── vite-env.d.ts
│   └── ...
├── .eslintrc.cjs
├── .gitignore
├── LICENSE
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
├── tsconfig.json
├── tsconfig.node.json
├── vite.config.ts
└── README.md

The public/ folder contains the static assets.
The src/ folder contains the application source code.
The components/ folder contains reusable UI components.
The pages/ folder contains the main page components.
The context/ folder contains app context.
The utilities/ folder contains app utilities.
The App.tsx file is the root component of the application.
The main.tsx file is the entry point of the application.