Tweeter FullStack - This is a social network that posibility interact with tweets, user, comment and bookmarks. This was make with TypeScript how language programming, Storybook to documentation, Jest for unitary/integration tests, Cypress to e2e tests and all informatios/interactions was make consuming a own api make with nodejs.
- - Create an account.
- - Sign in in your account.
- - View the optimal layout for the app depending on their device's screen size
- - View tweets by user.
- - Scroll infinite with SWR in all pages.
- - Filter tweets by Media, Likes, Top, Latest and Tweets
- - Follow/Unfolllow a user.
- - Change image of avatar and background from user.
- - List followings and followers from user.
- - Edit informations from user.
- - Show bookmarks filtered.
- - View your profile.
- - View users and profile from another users.
- - Search tweets by content.
- - Search people by name.
- - View your feed.
- - Create new tweet public/private.
- - Create new tweet with image.
- - Delete a tweet.
- - Like/unlike a tweet.
- - Save/unsave tweet how bookmark.
- - Create a comment.
- - Like/unlike a comment.
- - Delete a comment.
- - Show main trends.
- - Show a season that recommend who follow.
- - Toggle the color scheme between light and dark mode
- - Keep light/dark mode, even after refreshing the browser.
- - Logout your account.
| Feature | Coded? | Description |
|---|---|---|
| SignIn. | ✔ | Ability to signIn in application. |
| Create User. | ✔ | Ability to create a account. |
| Show all users. | ✔ | Ability to show all users. |
| Show user by id. | ✔ | Ability to show a user by id. |
| Show followings. | ✔ | Ability to show all followings from a user. |
| Show followers. | ✔ | Ability to show all followers from a user. |
| Show bookmarks. | ✔ | Ability to show bookmarks from a user. |
| Show who follow. | ✔ | Ability to recommend users to follow. |
| Edit informations and image about user. | ✔ | Ability to edit informations and images about user. |
| Following a user. | ✔ | Ability to follow a user. |
| Unfollow a user. | ✔ | Ability to unfollow a user. |
| Create a tweet with image. (optional) | ✔ | Ability to create a image with or no image. |
| Show all tweets. | ✔ | Ability to show all tweets. |
| Show tweets by user. | ✔ | Ability to show tweets by user. |
| Show tweets private only if follow this user. | ✔ | Ability to show tweets private only if follow this user. |
| Show trends for you. | ✔ | Ability to show main trends. |
| Save tweet how bookmark. | ✔ | Ability to save a tweet how bookmark. |
| Remove tweet from bookmark. | ✔ | Ability to remove a tweet from bookmark. |
| Like a tweet. | ✔ | Ability to like a tweet. |
| Remove like from tweet. | ✔ | Ability to remove a like from tweet. |
| Delete tweet. | ✔ | Ability to delete tweet. |
| Create a comment for a tweet with image. (optional) | ✔ | Ability to create a comment for a tweet with or no image. |
| Like a comment. | ✔ | Ability to like a comment. |
| Remove like from comment. | ✔ | Ability to remove like from comment. |
| Delete comment. | ✔ | Ability to delete a comment. |
To run this fullstack application you must follow the steps of both the frontend and the backend in the repositories below to run them in sync.
- Frontend
- Backend
