https://github.com/saddamarbaa/blog-app-typescript
==> Building Blog App with TypeScript + HTML + CSS + (Node-Express-MongoDB Back-End) + Netlify Hosting + User Authentication (a mobile-friendly)
https://github.com/saddamarbaa/blog-app-typescript
css3 html5 javascript localstorage netlify node-express-mongodb typescript
Last synced: 5 days ago
JSON representation
==> Building Blog App with TypeScript + HTML + CSS + (Node-Express-MongoDB Back-End) + Netlify Hosting + User Authentication (a mobile-friendly)
- Host: GitHub
- URL: https://github.com/saddamarbaa/blog-app-typescript
- Owner: saddamarbaa
- Created: 2021-04-07T19:43:48.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-12-12T23:20:14.000Z (5 months ago)
- Last Synced: 2025-03-30T05:11:24.405Z (30 days ago)
- Topics: css3, html5, javascript, localstorage, netlify, node-express-mongodb, typescript
- Language: TypeScript
- Homepage: https://saddamarbaa-blog.netlify.app/
- Size: 2.63 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Blog Post Website**
A blog platform built from scratch, featuring a front-end with **HTML, CSS, JavaScript**, and **TypeScript**, and a REST API back-end using **Node.js, Express, MongoDB**, **TypeScript**, and **JWT** authentication. This project includes complete user authentication and an admin panel for managing posts.
# **API Repository**
- [**API Repository**](https://github.com/saddamarbaa/node-express-mongodb-typescript-blog-rest-api)
# **Technologies**
### **Client-Side:**
- HTML
- CSS
- JavaScript
- TypeScript
- Netlify (Hosting)
### **Server-Side:**
- Node.js
- Express
- MongoDB
- TypeScript
- JSON Web Token (JWT)
- bcryptjs
- Heroku (Hosting)
---
# **Features**
### **User Features:**
- Full user authentication (sign up, login, and logout)
- View and explore all blog posts
- Access detailed views of individual posts
- Create a new user account (Signup)
- Securely log into your account (Login)
- Log out and terminate user session (Logout)
- Refresh authentication token for continuous access
- Permanently remove user account
- View and update user profile information
- Upload a profile picture
- Verify user email for account security
- Modify user profile settings and details
- Recover account access with Forgot Password feature
- Reset password securely after request
### **Admin Features:**
- Admin authorization for full access
- Add new posts
- Update existing posts
- Delete posts
---
# **Related Projects**
### **Blog Platform Built with React, Next.js, Node.js, MongoDB, TypeScript**
- [**Blog Repository**](https://github.com/saddamarbaa/blog-post-next-js)
- [**LIVE Demo**](https://saddam-blog.vercel.app/)
---
# Screenshots
## Software Requirements
https://docs.google.com/document/d/1lZvacY90Yo19QcnJxRJyy1AAZkTi0Vi5qXHTtptqAiU/edit
## Business Requirements
## Technical Requirements
## User Flow
https://app.diagrams.net/#G1DYvf-0FWMjC2nDzFbvAgbJ03Zg8DLfRZ
## Blog App: Wireframe
https://app.diagrams.net/#G1Wo8rd6DVJUyCwp7aC6kLpvMkBM3Mgh8l
## Rresponsive on large screens(Home Page)
## Responsive on mobile and tablet screens
## Post detail page
## Edit new post page
## Edit post page
## Login Page
## Register page
---