Skip to content
This repository has been archived by the owner on Oct 31, 2021. It is now read-only.

ShubhamVerma1811/Bytes

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

⚠️⚠️ This project is no longer maintained nor hosted anywhere.

Bytes - bite sized learnings

Bytes is a platform where content creators can share bite sized learnings as images.

This project is made for the HashNode-HarperDB hackathon,

Read the blog here - Blog

Check out the demo here = Live


Installation / Fork / Clone

  • You'll need all the mentioned keys in the .env.sample in your .env fle.
  • Except the UMAMI_URI and UMAMI_UID they are optional and only for Umami Analytics.

Table of Contents

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

Github : https://github.com/ShubhamVerma1811/Bytes


Project Link

Live - 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.

image.png


Features of Bytes

  • The user can Filter bytes by tags

image.png

  • Search all posts of the user

image.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

Screenshot 2021-06-19 at 07-43-09 Bytes Bit Sized Learining.png

Reactions

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

bytes-reaction


Future Additions

  • The HashNode - HarperDB hackathon was a great opportunity to make something like Bytes
  • 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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published