Skip to content

ELHart05/RealBlogs

Repository files navigation

RealBlogs Full Stack Project

Technologies Used:

FrontEnd: VueJS/Vuex.

BackEnd: Firebase (Auth/Storage/FireStore).

logo


To test and use the project you need first to enter the project then npm install the dependencies after that bring your firebase config file sdk and place it in the 'src/firebase/index.js' file where it's mentioned and done you're ready to go!.


The Project is a BlogPosts Website called "RealBlog" which provides:

  1. Login for users, Register for new users, send Email for password Reset in case the user forget it!.
  2. Blogs provided with tags about web developpement, Realtime Data sharing, can filter blogs by tags for "easy access".
  3. Realtime liking, commenting and saving blogs for "other time reading".
  4. Receiving notifications.
  5. It Also features the "bad words" filtering (Arabic, French, English) in comments for no "in future issues" and reporting automatically to admin to take decision!.
  6. Also Editing Personal informations for single user.

The website Membership is divided into two type of users:

Sudo Admin:

a. Same functionalities as the normal user.
b. add, delete, post blogs, posting.
c. preview post before sharing it.
d. accept reject new users demand.
e. filter posts as the user + filter the blogs he created.
f. delete comments that not accept our terms and controlling the total system.

Normal User:

a. Can edit, custom color his profile, delete it permenantly anytime (for long LOGIN-s he should RE-Login for security reasons).
b. Receive realtime notifications for specific actions.
c. filter posts for "easy-access" by (the posts he commented in ,liked in , saved).
d. like, comment, edit-comment, save and read posts for later.
e. have the right to become an admin by sending a request to other admins where he could be accepted or REJECTED.

Non user:

Non user can only read and filter blogs by tags even comments and likes will be displayed as Anonymous.


Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.