Skip to content

Romario-Negreiros/FireBlog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FireBlog

A blog system, built with react, typescript and firebase 🔥


Brief

The mvp, basically is:

  • Users can create their account, or simply login if they have created already, create and edit their own posts, and if they're not logged in, all posts are read-only.

Some features I would like to add after mvp has been done:

  • Toggle light / dark mode > ADDED ✔
  • Comments > ADDED ✔
  • Posts rating > ADDED ✔
  • User's profile page > ADDED ✔
In profile page:
  • Total comments
  • Total likes received
  • Posts' average rate
For the profile owner, you have the options of:
  • Delete the profile
  • Change account name
  • Change password
  • Change profile picture

Libs used so far

  • Styled components
  • React router dom
  • React hook form
  • React toastify
  • Firebase lib
  • React stars
  • Moment js
  • React switcher

Snapshot

  • Login Snapshot

  • Main - LIGHT MODE Snapshot

  • Main - DARK MODE Snapshot


Progress
  • Login page
  • Create account modal
  • Main page, with some of the most recent posts
  • Dedicated page to each post
  • Users can only edit their own posts
  • Users can delete their own posts
  • Page for posts creation
  • Show creator name in dedicated page to post
  • Posts filtering
  • Search posts for categories
  • Comments
  • Comments reply
  • Rate
  • Users profile page
  • Stats in profile page
  • Change password option
  • Change name option
  • Delete account option
  • Change profile picture option

How to contribute

    ## Fork this repository

    ## Create a new branch containing your feature
    git checkout -b feature

    ## Commit your changes
    git commit -m "new feature"

    ## Push to your branch
    git push origin feature

    ## After your pull request's merge has been done, you can delete your branch


Credits


Author