https://github.com/alirezaabd-dev/bolboler

It's a twitter like website, named Bolboler :)
https://github.com/alirezaabd-dev/bolboler

javascript jsx mysql nextjs planetscale prisma react ssr t3-stack tailwindcss trpc twitter typescript zod

Last synced: 3 months ago
JSON representation

It's a twitter like website, named Bolboler :)

• Host: GitHub
• URL: https://github.com/alirezaabd-dev/bolboler
• Owner: AlirezaAbd-dev
• License: mit
• Created: 2023-06-28T19:41:31.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-07-28T14:47:31.000Z (almost 2 years ago)
• Last Synced: 2024-10-10T01:44:12.777Z (7 months ago)
• Topics: javascript, jsx, mysql, nextjs, planetscale, prisma, react, ssr, t3-stack, tailwindcss, trpc, twitter, typescript, zod
• Language: TypeScript
• Homepage: https://bolboler.vercel.app
• Size: 768 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Bolboler

## It's just a twitter like web application.

### You can see the deployed project just by [clicking here](https://Bolboler.vercel.app)







# Language and technologies used in This Project

![vscode](https://img.shields.io/badge/VSCode-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)

![npm](https://img.shields.io/badge/NPM-%23000000.svg?style=for-the-badge&logo=npm&logoColor=white")

![nextjs](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white")

![javascript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E")

![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white")

![react](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB")

![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white")

![prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white")

![nodejs](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white")

![html](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white")

![css](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white")

![github](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white")

![jwt](https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white")

![trpc](https://img.shields.io/badge/tRPC-%23007ACC.svg?style=for-the-badge)










# Dark Mode

### Home

![home](./images/dark-home.png)

### Profile

![profile](./images/dark-profile.png)

### Tweet

![tweet](./images/dark-tweet.png)




# Light Mode

### Home

![home](./images/home.png)

### Profile

![profile](./images/profile.png)

### Tweet

![tweet](./images/tweet.png)






# **Abilities**

-   Fully Responsive

-   Able To:

    -   Authentication & Authorization:

        -   Able To SignIn, Log and Logout with discord

    -   Tweets:

        -   Able To add Tweet

        -   Able To edit Tweet

        -   Able To delete Tweet

        -   Able To Infinite Scroll On Tweets

    -   Follow:

        -   Able To Follow other users

        -   Able To Be Followed By Other Users

        -   Able To See Followers

        -   Able To See Followings

    - Theme:

      - Able To Understand System Theme And Set It On Website

      - Able To Change Theme Between Dark & Light