Inspiration

I wanted to challenge myself by creating a React site with Firebase and applying CRUD (create, read, update, delete) operations.

What it does

Login with your Google account and share your post.

How we built it

Mainly with ReactJS and Firebase.

Accomplishments that we're proud of

Creating a website with minimal blogging functionality.

Challenges

  • Preventing the user from creating a post or going to the home page before signing in

What we learned

How to use react-dom, Google Firebase authentication, database, and hosting.

What's next for SnippetShare

  • Add more features to the markdown (such as colour coding in code blocks)
  • Allow comments/like/reaction to posts
  • Maybe add pagination
Worked on this before Global Hack Week
What was worked on:

1) Before this day of Global Hack Week

  • Added the home and create post page
  • Included markdown functionally to posts
  • User authentication with Google account
  • Delete and add posts
  • Search bar in the home page

2) During this day of Global Hack Week.

  • Fixed the read usage in Firestore (infinite loop)
  • Changed the CSS of the website

Built With

Share this project:

Updates