yatharth1706 / BlogBuddy

Blogging app

Home Page:https://blog-buddy-seven.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BlogBuddy

Blogging website built using following

  • NextJS
  • Tailwind CSS for styling
  • NextJS APIs
  • MongoDB
  • lucide-react for icons
  • shadcn - components
  • formik - for forms
  • yup - forms validation
  • typescript

Sample Screenshot of website

Screenshot from 2023-05-28 10-34-23

Features Completed

  • Login and Signup.
  • Add Profile Page
  • View blogs - All and MyBlogs
  • Individual blog read page
  • User can add blog to reading list by bookmarking it
  • User can view his reading list at right side
  • User can remove the blog post by clicking on bookmark icon again
  • User can like the blog post
  • User can view blog likes count
  • User can follow another account
  • User can publish the blog

Steps to setup the project locally

 git clone https://github.com/yatharth1706/BlogBuddy.git

  • Copy .env.example file to .env and replace required environment variables

  • Create mongodb cluster in mongodb atlas cloud service or locally then replace its connection url in environment variables

  • For bucketId and projectId replace it with your Appwrite cloud bucket and project ids

  • Install all libraries

  npm install
  • Run the project locally now
  npm run dev

About

Blogging app

https://blog-buddy-seven.vercel.app


Languages

Language:TypeScript 95.0%Language:JavaScript 2.8%Language:CSS 2.2%