Giter VIP home page Giter VIP logo

zc_main's Introduction

ZC_MAIN

This is the Zuri Chat Frontend built with React (Frontend)

Getting Started.

Make sure you have nodejs installed by running the following command:

node -v

If the output is not the version of your nodejs installation, install nodejs from here

After installing nodejs install yarn if you have it then install the project's dependencies:

yarn install

STARTING THE SERVER

To start the whole application server

yarn dev

Open http://localhost:9000 with your browser to see the result.

Building

yarn build

To remove dist folder

yarn clean

To remove all node_modules

yarn clean-fresh

Editor setup

We're using eslint for js linting, and prettier for code formating, make sure you install eslint and prettier plugins in your editor so you can see linting errors as you code and have your code formatted on save by prettier. If formatOnSave doesn't work please google how to set up format on save for the eslint & prettier plugins in your editor ๐Ÿ™ƒ

Contributing

For detailed information on how to go about contributing to this project. Check out the

Before send PR or making a merge make sure you code is properly formatted. You can easily do that by running

yarn lint # to lint all files # in project directory
yarn lint:js # to lint only js,jsx files # in project directory

yarn prettify # to prettify files # in project directory

you can also lint for all files in the repo by running that command in the root folder.

zc_main's People

Contributors

0xdamak avatar a11rew avatar adeoyevictor avatar agkayster avatar ayodejioladimeji avatar billmal071 avatar bori7 avatar chisquare7 avatar chumex412 avatar dantanee avatar donsmog avatar eltana avatar eni4sure avatar ibimina avatar ibitolamayowa avatar ickynavigator avatar julianasau avatar khrees2412 avatar okerekechinweotito avatar okolojohnbosco avatar pidoxy avatar robertito1 avatar sammiearchie77 avatar solintin avatar tech-sis avatar thatdeji avatar theisrael1 avatar tuasegun avatar tundealabi avatar zyhon96 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

zc_main's Issues

Input Component

Input tags would be used in some external pages, construct an input component that is built according to design and takes in the right props for its different use cases

Set up user availability status

Your task is to build the user availability status in the front end. The user should be able to decide if they want to be busy, not available, active, or away.

Add description to the repo

The repository currently has no description. Therefore, it is your task to add a suitable, short and well written description for this repository. Consider all activities happening in the repo before writing the description.

Add dependabot to the repo

You will be charged with adding the dependency monitoring bot to the repository. This will allow the project stay updated and will help keep vulnerabilities out of the repo.

Custom DM/Message notification Tone

Allow users to select custom notification tone for the any user of choice. Whenever the other user drops a message in a shared workspace or private message, notification should be different.

Write contribution guidelines

You will write the contribution guidelines for this project, which will serve the members of this cohort and cohorts to come. The location of the file is /docs/contribution.md.

Add a feedback page

So users can complete surveys and Zuri chat can get an understanding of how people feel about the app.

Create an about us page

Include ambassadors so users can see and know brands or workspaces that supports Zuri Chat.

Footer Components

Add a newsletter sign up form so users can subscribe and stay up to date with Zuri.

Live link
Added footer components for all external pages. PR link

User profile search feature

This will enable the user a central search feature, that will allow them search for users across their workspace. Typically, this will involve suggestions and autocomplete.

User search endpoint

This is the backend implementation of the user profile search feature. You will have to consider that there is auto complete, user suggestion and users can only search people in their workspace, There might be other things to consider, so yeah, kill it, show us your best.

Rating feature

See companies that are using Zuri and how they rate the app.

Add a road map

Add a roadmap to display upcoming features and when to expect them

Create a blog page

Where users can access a list of knowledge library such as in-depth articles on effective work, time management etc.

Funny work memes

Add a feature that generate funny work memes to the resources page

Create a Forum

So users can chat and find answers to already resolved problems

User Exists Error on Validation during Sign up

As you know, there should not be two users with same email or Phone registered. Handle the validation and send the appropriate error code, you are the backend guy, you know what to do.

Information in About us page

Users should be able to know every information about the app including how it was built, the purpose and information on stakeholders.

Button Components

Buttons would be used in several places, construct an button component that is built according to design and takes in the right props for its different use cases

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.