almo7aya/sheer-app-react

React client for sheer-app

Sheer-App React Client

A react client for sheer-app

More details will follow

sheer-app-react's Issues

Create the project styling structure

The project structure steps

• Rename all the .css files to .scss and fix the imports.
• Creating a new directory styles contains the global stylesو css vars, mixins, and the grid layouts.
• Import the main scss file in the index.js file the root component.
• Add basic global and resetting styles.
• The class styles should be in the BEM style.

Create the signup logic with the sheer-app signup API

The basic signup steps

• Add the signup html and styles from the swipe-chat-platform template.
• Add validation to the inputs using react-hook-form or any similar package.
• Add the signup logic to the Login component.
• Should redirect directly to the home page after signup.

Create the login logic with the sheer-app login API

The basic logic steps

• Add the login html and styles from the swipe-chat-platform template.
• Add validation to the inputs using react-hook-form or any similar package.
• Add the login logic to the Login component.
• Add re-auth logic depending on the cookies using react-cookie

Create the home page components *Parent Task*

This is a parent task will need the following

• Implementing the html & styles from the swipe-chat-platform template.
• Creating a tab switch between the three users states active, offline, and all.
• Creating the List & ListItem components.
• Creating a SideNav component.
• Creating the Chat Component.