66CH

66CH is a blog application that shares the same features as Medium. It was built with React and Firebase.

Features

User Features

• Light/dark mode toggle
• Authentication (Custom Registration and Google Sign In)
• Create Blog (Rich text, code block and multiple images support)
• Delete Blog (if authorized)
• Create Comments and Replies
• Update Profile
• Search Posts
• Notification System
• View pending posts

Admin Features

• Light/dark mode toggle
• Authentication (Custom Registration and Google Sign In)
• Create Blog (Rich text, code block and multiple images support)
• Delete Blog (if authorized)
• Create Comments and Replies
• Update Profile
• Search Posts
• Notification System
• View pending posts meant to be approved
• Posts Approval

Tech Stack

Client: React, TailwindCSS

Server: Firebase

Screenshots

Home Page

Post Details

Profile Page

Login Page

Run Locally

Clone the project

  git clone https://https://github.com/temiloluwa-js/66ch-2

Install dependencies

  npm install

Start the server

  npm run start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_FIREBASE_API_KEY

REACT_APP_FIREBASE_AUTH_DOMAIN

REACT_APP_FIREBASE_PROJECT_ID

REACT_APP_FIREBASE_STORAGE_BUCKET

REACT_APP_FIREBASE_MESSAGING_SENDER_ID

REACT_APP_FIREBASE_APP_ID

REACT_APP_FIREBASE_MEASUREMENT_ID

REACT_APP_DEFAULT_PFP