Skip to content

==> Building Blog App with TypeScript + HTML + CSS + (Node-Express-MongoDB Back-End) + Netlify Hosting + User Authentication (a mobile-friendly)

Notifications You must be signed in to change notification settings

saddamarbaa/blog-app-typescript

Repository files navigation

Blog Post

Building My Own Blog Post website from scratch using HTML, CSS, JavaScript for front-end with REST API for the back-end Node.js, Express, and MongoDB, JSON, Web Token (JWT) Authentication, Mongoose, Middleware Authentication with complete user authentication

Demo

Testing Email: testverstion@gmail.com

Testing Password: 12345test

Technologies

Client:

  • HTML
  • CSS
  • JavaScript
  • Netlify Hosting

Server:

  • Node.js
  • Express
  • MongoDB
  • JSON Web Token (JWT)
  • bcryptjs
  • Heroku Hosting

Features

(Users)
  • Complete user authentication
  • Users can sign in
  • Users can sign out
  • View all post
  • View post detail
(Admin)
  • Complete Admin Authorization
  • Add post
  • Update post
  • Delete post

Related_Projects

Blog built with | React Js + Next Js + Node.js + Express + MongoDB + CSS Modules + Vercel Hosting

Screenshots

My Blog Software Requirements

https://docs.google.com/document/d/1lZvacY90Yo19QcnJxRJyy1AAZkTi0Vi5qXHTtptqAiU/edit#heading=h.o5cllxjlz2l1

image

Business Requirements

image

Technical Requirements

image

My Blog SUser Flow

https://app.diagrams.net/#G1DYvf-0FWMjC2nDzFbvAgbJ03Zg8DLfRZ

image

Blog App: Wireframe

https://app.diagrams.net/#G1Wo8rd6DVJUyCwp7aC6kLpvMkBM3Mgh8l

responsive on large screens(Home Page)

image

responsive on mobile and tablet screens

image

(post page)

image

(Login Page)

image

Register page

image

About

==> Building Blog App with TypeScript + HTML + CSS + (Node-Express-MongoDB Back-End) + Netlify Hosting + User Authentication (a mobile-friendly)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages