Blaze

Blaze is a swipe app, similar to Tinder, which includes every core feature of a typical swipe app, e.g., swipe-based interactions, matching algorithm, and 1-to-1 chat. Users can set preferences, update account settings (username, email) and profile. In case of unmatching with someone, the chat will be permanently deleted. However, unmatched users may show up on the feed and there will be a chance to match with them again.

Table of Contents

• Prerequisites
• Tech Stack
• Getting Started
• Development
• Project Structure

Prerequisites

• Node.js@20 and up
• npm@10.5 and up

Tech Stack

• Typescript - strongly typed programming language that builds on JavaScript
• Vue-3 (vue-router) - framework for building web user interfaces
• VeeValidate, Yup - takes care of value tracking, validation, errors, submissions and more.
• Pinia - the intuitive store for Vue.js
• Tailwind - utility-first css framework

Getting Started

1. First of all you need to clone blaze-front repository from github:

https://github.com/GeekoIsaGeek/blaze-front

2. Next step requires you to run npm install in order to install all dependencies.

npm install

3. Now we need to set our env file. Go to the root of your project and execute this command.

cp .env.example .env

And now you should provide .env file all the necessary environment variables:

API:

VITE_SERVER_URL=

Reverb:

VITE_REVERB_APP_KEY=

VITE_REVERB_HOST=

VITE_REVERB_PORT=

VITE_REVERB_SCHEME=

Development

You can run development server by executing:

  npm run dev

Project Structure

├─── public
├─── readme
├─── src
│   ├─── assets
│   ├─── components
│   ├─── composables
│   ├─── config
│   ├─── helpers
│   ├─── layouts
│   ├─── router
│   ├─── schemas
│   ├─── services
│   ├─── stores
│   ├─── types
│   ├───  utils
│   ├───  views
│   - App.vue
│   - main.ts
- .env
- env.d.ts
- index.html
- package.json
- postcss.config.js
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- tailwind.config.js
- vite.config.ts

Backend Repo