Skip to content

A service that handles the front-end of the project, using React

Notifications You must be signed in to change notification settings

sympoll/front-end-service

Repository files navigation

Front-End Service

Frameworks / Dependencies:



typescript-logo

TypeScript
Language


react-logo

React
Library


Frontend Related Skills

SCSS
Styling Language


vite-logo

Vite
Build Tool


Frontend Related Skills

Axois
HTTP Client



Landing Page & Login

The welcome page of the app.
From this page the user may choose to sign-in or sign-up to start using the app.




Create a New Poll

After signing in, the user will be redirected to the main page of the application,
where the user may view his voting groups, view the chosen group’s members (other users),
vote on polls and more in a scrollable feed. The most recent polls will be on top of the page.



Group Settings

Where a group admin / moderator can edit the group’s info, add/remove members, change the group’s settings and behavior etc,
and where a user can view basic information about the group (name, profile picture, time created etc.), and have an option to leave it.



User Profiles

The user profiles include all of the information about the user’s account:
name, user ID, email, profile picture, banner picture, time created, and the user's joined groups.



User Roles

Available roles: Member, Moderator, Admin.
Each member of a group has a role.
Default Roles:

  • Admin- User which created the group
  • Member- Recently joined user

User Roles Permissions:

  1. Admin:
  • Add new members
  • Remove members
  • Modify roles of members
  • Exit the group
  • Delete the group
  1. Moderator:
  • Add new members
  • Remove members
  • Exit the group
  1. Member:
  • Exit the group

Deployment

1. Clone and Run Locally:

step 1 - Clone the project.
step 2 - Run npm install to install all dependancies.
step 3 - Run npm run dev to run the app localy.
step 4 - Access the application through http://localhost:8080.

2. Run Through the Kubernetes Cluster:

step 1 - Clone the Kubernetes configuration files from https://github.com/sympoll/manifests.
step 2 - Apply the configuration files, more info in the manifests repository.
step 3 - Start Minikube and run tunnel.
step 4 - Access the application through http://localhost.

About

A service that handles the front-end of the project, using React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors 4

  •  
  •  
  •  
  •  

Languages