https://github.com/michael-c7/blog-site

A blog site where you can create, view, like, delete and comment on a post. It uses react on the frontend and firebase on the backend and connects to the unsplashed api to get the images that you can use for the post you create.
https://github.com/michael-c7/blog-site

firebase react tailwindcss vite

Last synced: 3 months ago
JSON representation

A blog site where you can create, view, like, delete and comment on a post. It uses react on the frontend and firebase on the backend and connects to the unsplashed api to get the images that you can use for the post you create.

• Host: GitHub
• URL: https://github.com/michael-c7/blog-site
• Owner: Michael-c7
• Created: 2023-01-26T18:24:16.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-12T14:15:19.000Z (almost 3 years ago)
• Last Synced: 2025-02-26T00:49:44.495Z (over 1 year ago)
• Topics: firebase, react, tailwindcss, vite
• Language: JavaScript
• Homepage: https://biztechblog.netlify.app/
• Size: 5.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# BizTech Blog Visit Here

![alt tag](https://media.giphy.com/media/9KaWlJDknUGvZuEDJQ/giphy.gif)

A platform to explore various peoples opinions and to share your own!

## How It's Made:

**Tech used:** React, Tailwind CSS, firebase

## Optimizations

If I had more time I would have added a page where you could see the stats of your blog posts and see how their performing. I would have also add more micro actions like a little popup for when the user deletes a blog post to improve the user experience.

[![stats-page.png](https://i.postimg.cc/BnkjBDpR/stats-page.png)](https://postimg.cc/Mn0ZWnhY)

## Lessons Learned:

I learned how to build larger scale application that connect to a database and how to implement authentication with firebase. I also learned how to use a various optimzation techniques like code-splitting, debouncing, and lazy loading to make the website load faster and improve the user experience.

## Installation

1. clone repo

2. npm i to install dependencies

3. npm run dev to run local dev server