Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zakaria9375/speak-up

communication web app made by nuxt & appwrite
https://github.com/zakaria9375/speak-up

appwrite google-authentication html node-js nuxt scss typescript

Last synced: 21 days ago
JSON representation

communication web app made by nuxt & appwrite

Host: GitHub
URL: https://github.com/zakaria9375/speak-up
Owner: Zakaria9375
Created: 2024-01-28T23:54:04.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-03-25T23:47:15.000Z (7 months ago)
Last Synced: 2024-03-26T00:34:34.471Z (7 months ago)
Topics: appwrite, google-authentication, html, node-js, nuxt, scss, typescript
Language: Vue
Homepage: https://app-speakup.netlify.app/
Size: 4.5 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Speak up

Speak-up is a web communication app that enables you to engage in meaningful conversation. Speak-Up is the perfect place to share your thoughts, learn new perspectives, and connect with like-minded individuals.

talk a look live at [Speak up](https://app-speakup.netlify.app/)

## Technical Description

### Main technologies

The main technologies that have been used in this app are:

* Nuxt
* Appwrite
* Typescript
* SCSS
* node-js

The app also utilizes some libraries like vue-router, pinia, vee-validate, yup, nuxt-aos, dayjs, axios, vueuse

### Features

* Google Authentication API
* Realtime database
* Infinite scroll and pagination reduce initial load times.

### App Overview

* Total components: **37**
* Total routes: **20**
* 2 vue custom directive has been created:
* infinite-scroll directive: to handle loading more on scroll in profile page.
* animate-increment directive: to handle animation for numeric values in the main page

![components](/public/readme/components.png)

#### App routes

![routes](/public/readme/routes.png)

## Setup

To run this app in development mode open the terminal and write the following:

```bash
git clone https://github.com/Zakaria9375/speak-up.git
cd speak-up
npm install
npm run dev
```

## Gallery

### Configurable to match Different screen sizes

![speakup-profile](/public/gallery/sprofile.png)

### Dashboard Page

![dashboard](/public/gallery/7.png)

### Profile Page

![profile](/public/gallery/8.png)

### Account Page

![account](/public/gallery/9.png)

### Thread Page

![thread](/public/gallery/10.png)

### Pagination

![pagination](/public/gallery/11.png)

### Thread-Create Page

![thread-create](/public/gallery/12.png)

## License