Quark (Frontend)

Frontend module for a web application called 'Quark' that allows it's clients to communicate with one another in real-time.

Backend: https://github.com/kayYZ1/Quark-Backend

Tech stack

• TypeScript
• React
• Redux Toolkit with RTK Query
• Cloudinary for image upload
• @microsoft/signalr for handling backend real-time functionality

Demo

//ToDo

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

VITE_UPLOAD_PRESET VITE_API_BASE_URl VITE_SERVICE_ID VITE_TEMPLATE_ID VITE_PUBLIC_KEY

Run Locally

Clone the project

  git clone https://github.com/kayYZ1/Quark-Frontend.git

Go to the project directory

  cd Quark-Frontend

Install dependencies

  npm install

Start the server

  npm run start

Authors

• @kayYZ1
• @Matt5246