qwitter / qwitter-frontend

Qwitter is a microblogging platform that allows users to post and interact with short messages called tweets, fostering real-time communication and information sharing.

⚡️Qwitter⚡️

Qwitter is a microblogging platform that allows users to post and interact with short messages called tweets, fostering real-time communication and information sharing.

📝 Table of Contents

• 📑 About
• ⛏️ Built With
• 📷 Features
• 🏁 Getting started
• ✍️ Contributors
• 🔒 License

🐦 About

• Microblogging for Real-Time Communication - Qwitter is a platform enabling users to post and engage with concise messages called tweets, fostering instant communication and information sharing.

• The Qwitter project endeavors to replicate the core functionality of Twitter, providing a user-friendly and feature-rich platform for real-time microblogging. The project includes tools for posting tweets, following users, and exploring trending topics. The goal is to create a versatile platform suitable for anyone seeking seamless microblogging experiences.

⛏️ Built with

• Reactjs
• React router dom
• Tailwind Css
• Zod
• Axios
• Mock Server Worker
• Jest
• Jsdoc
• Shadcn

📷 Features

🔒 User Authentication

• You can use your Google account
• Sign up
• Login in
• Forget password

🙍‍♂️ User Profile

• Profile overview (name, bio, profile picture, etc..)
• Your Posts
• Your Replies
• Your Media
• Your Likes
• Your Followers/Followings

📰 Post

• Create a rich text post
• Create posts with any type of media (GIF, images, videos, etc..)
• Save post
• Edit Post
• Delete post
• View Post engagements

💬 Reply

• Create rich text reply
• Nested replies
• Edit reply

🔍 Search

• Search bar, Page

  • Search People
  • Search Posts

• Provide search results for users

📧 Messages & Notifications & Groups

• Notifications
  • Push notifications
  • All notifications
• Messages
  • All messages
  • Unread messages
  • Sent
  • Usernames mentions
  • Delete message
  • Reply to message
• Groups
  • create group
  • delete group
  • add people to a group

🧑‍💼 User Management

• Follow

  • follow user
  • unfollow user

• Mute

  • mute user
  • unmute user

• Block

  • block user
  • unblock user

⚙️ Settings

• Account

  • change email address
  • change username
  • change Password

• Profile

  • change display name
  • change profile picture
  • change bio

• Safety and privacy

  • Blocked people
  • Muted people

🌙 Dark mode

🏁 Getting started

1. Clone the repository

$ git clone https://github.com/Qwitter/Qwitter-Frontend.git

2. Navigate to repository directory

$ cd Qwitter-Frontend

3. Install dependencies

$ npm install

4. Running on development mode

$ npm start

✍️ Contributors

Yousef

Mrawan

Seif

Mohamed

🔒 License

This software is licensed under MIT License, See License.

qwitter-frontend's Issues

Like a post

If I open a post and like it then return back using back button I find the post unliked, I have to refresh the page to find.

The reversed operation has the same issue (like the post then open it).

Forgotpassword - numbers password error message

If I entered a password 12345678 the error message should be "Password must contain at least one letter" see it from the signup

Signup - no back button in username step

there is no back button in username step

Signup - Pick profile picture step

exit button shouldn't be exist

Signup - Allow notifications step

there're two typos in "Allow notification" add s to be "Allow notifications"

"Who can reply" button not clickable

The green area isn't clickable, I have to click on the red area instead. This causes problems in cypress. The popup appears in the yellow region which isn't suitable as well.

Signup - skip for now in username step

there should be a skip for now button in the username step to choose the suggested username

Comments counter

If I add a comment the counter doesn't increases until I refresh the page

Check box of Step two

Check box of Step two should be checked at first

My Lovely tweet got ruined

I was posting a normal tweet and this is what happened

Signup - Choose username step

Back button shouldn't be exist

Hover over UserListItem component

show the pop up hover

Empty Message

I can send a message contains only space

Settings back button

In the settings page besides "Your Account" header, there is a hidden button that logs out.

Signup- no back button in notification step

Signup - username step

After choosing a suggested username the button should be next not Skip for now

test the blocked profile component

Navigate to profile page

when click over any UserListItem , navigate to profile page

Step one Name field of sign up

The name field in step one takes characters of more than 50

Add tweets to explore list when u search

Fix TextInput Enter Case

when i Press enter to make decision of suggestions ,the style is destroyed :(

Change username - save button

save button should be disabled if username isn't changed

Signup - step 2 of 5 checkbox

I can't uncheck the button

Search bar

• When I search for something and click on any user I expect that the search list gets closed.

Fix file naming convention

• File App.tsx, line 6 -> fix folder name naming and make it Pascal case and use the word "Reset" instead of "Rest" and resolve this problem in all files

Signup - profile pic x button

there is no a button that closes the pick profile pic step

Forgotpassword - invalid verification code error message

If an invalid verification code in entered the error message should be "Wrong Token. Please check again", see it from signup verification code step

Password error messages of forgot password page

-password can be only characters, no need to be numbers and characters
-if new and confirm password don't match, the message should be "Passwords do not match"