Introducing Bytes - A platform to share bite-sized learnings!
Tags: react, tailwindcss, programming
Published: 2021-06-19 03:34:20

> ## ⚠️⚠️ Project is no longer maintained or hosted. The code is available on Github
# Introducing Bytes! 🎉 - Bite-Sized Learning

<!-- TOC -->

- [Introducing Bytes! 🎉 - Bite-Sized Learning](#introducing-bytes-🎉---bite-sized-learning)
  - [What is Bytes?](#what-is-bytes)
  - [What inspired me to create Bytes?](#what-inspired-me-to-create-bytes)
  - [Source Code](#source-code)
  - [Project Link](#project-link)
  - [The Tech Stack of Bytes](#the-tech-stack-of-bytes)
  - [Usage of Bytes!](#usage-of-bytes)
    - [If you are a user on Bytes, you can:](#if-you-are-a-user-on-bytes-you-can)
    - [If you are a creator and you'd like to upload on Bytes.](#if-you-are-a-creator-and-youd-like-to-upload-on-bytes)
  - [Features of Bytes](#features-of-bytes)
    - [Boring Avatars!](#boring-avatars)
    - [Reactions](#reactions)
  - [Future Additions](#future-additions)
  - [Socials](#socials)

<!-- /TOC -->

## What is Bytes?
Bytes is a platform to share bite-sized learnings of any tech topics.

---

## What inspired me to create Bytes?
- There are so many content creators out there that post such good content on various social media platforms.
Due to that, the knowledge gets lost between their posts and the social media itself.

- So why not have a single platform where they could post their knowledgeable content.

- This idea helped in the creation of Bytes!

---

## Source Code

https://github.com/ShubhamVerma1811/Bytes

---

## Project Link

https://bytes.vercel.app


---

## The Tech Stack of Bytes
- NextJS -  SEO and SSR support
- HarperDB - As a  Database!
- Firebase -  Authentication and Storage
- TailwindCSS - For design and styling

---

## Usage of Bytes!

### If you are a user on Bytes, you can:
- View and share any Bytes of the creator
- React to bytes as many times as you like!

###  If you are a creator and you'd like to upload on Bytes.
  - You can Sign Up on Bytes
  - Go over to the Upload page
  - Add your byte title, tags, and images of your byte.
  - That's it. It's that simple to upload content on Bytes!
  -Share your bytes on other platforms.
---
## Features of Bytes
- The user can Filter bytes by tags

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624069631253/NEMX5u2Gd.png)


- They can share the bytes of their favorite creators on social platforms.

###  Boring Avatars!
- All the user avatars in Bytes are unique to the User's Name.
- They look cute too!

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624069565615/087D5xUge.png)


![Screenshot 2021-06-19 at 07-43-09 Bytes Bit Sized Learining.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624069582039/vSyl2mOYb.png)

### Reactions
- As the name of the website is Bytes, the reactions to the posts are considered bites!
- So, if a post had 1024 🔥 reactions, it would display it as 1KB 🔥.
- Get it? 1024 Bytes = 1KB. Cool right!

![bytes-reaction](https://cdn.hashnode.com/res/hashnode/image/upload/v1624069484067/Z26ZOvl9r.png)

---

## Future Additions
- The HashNode - HarperDB hackathon was a great opportunity to make something like [Bytes](https://bytes.vercel.app)
- Until the hackathon, Bytes would run in demo mode, meaning it'll only allow "4" images per post to reduce spam.
- If people find Bytes useful, in the future, Bytes could be an invite-only website where genuine content creators could post their learnings!
- And it's Open source so, anyone is open to contributing/fork this project!
- I will be writing a separate blog explaining the technical parts of Bytes!
---

## Socials
Twitter - [ Shubham Verma ](https://twitter.com/Shubham_Verma18)