{"id":15570213,"url":"https://github.com/saddamarbaa/blog-app-typescript","last_synced_at":"2025-04-24T00:24:39.328Z","repository":{"id":50650925,"uuid":"355663858","full_name":"saddamarbaa/blog-app-typescript","owner":"saddamarbaa","description":"==\u003e Building Blog App with TypeScript + HTML + CSS + (Node-Express-MongoDB Back-End) +  Netlify Hosting + User Authentication (a mobile-friendly) ","archived":false,"fork":false,"pushed_at":"2024-12-12T23:20:14.000Z","size":2759,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-30T05:11:24.405Z","etag":null,"topics":["css3","html5","javascript","localstorage","netlify","node-express-mongodb","typescript"],"latest_commit_sha":null,"homepage":"https://saddamarbaa-blog.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saddamarbaa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-07T19:43:48.000Z","updated_at":"2025-01-23T13:07:37.000Z","dependencies_parsed_at":"2025-03-07T00:31:33.508Z","dependency_job_id":"eb5f7e4d-546e-4024-beee-e17d05afeb4d","html_url":"https://github.com/saddamarbaa/blog-app-typescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saddamarbaa%2Fblog-app-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saddamarbaa%2Fblog-app-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saddamarbaa%2Fblog-app-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saddamarbaa%2Fblog-app-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saddamarbaa","download_url":"https://codeload.github.com/saddamarbaa/blog-app-typescript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250536732,"owners_count":21446785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","html5","javascript","localstorage","netlify","node-express-mongodb","typescript"],"created_at":"2024-10-02T17:41:38.411Z","updated_at":"2025-04-24T00:24:39.308Z","avatar_url":"https://github.com/saddamarbaa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **Blog Post Website**\n\nA 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.\n\n# **API Repository**\n\n- [**API Repository**](https://github.com/saddamarbaa/node-express-mongodb-typescript-blog-rest-api)\n\n\n\u003c!--### **Test Credentials**--\u003e\n\u003c!--- **Email:** testverstion@gmail.com  --\u003e\n\u003c!--- **Password:** 12345test--\u003e\n\n\u003c!-------\u003e\n\n# **Technologies**\n\n### **Client-Side:**\n- HTML\n- CSS\n- JavaScript\n- TypeScript\n- Netlify (Hosting)\n\n### **Server-Side:**\n- Node.js\n- Express\n- MongoDB\n- TypeScript\n- JSON Web Token (JWT)\n- bcryptjs\n- Heroku (Hosting)\n\n---\n\n#  **Features**\n\n### **User Features:**\n- Full user authentication (sign up, login, and logout)\n- View and explore all blog posts\n- Access detailed views of individual posts\n- Create a new user account (Signup)\n- Securely log into your account (Login)\n- Log out and terminate user session (Logout)\n- Refresh authentication token for continuous access\n- Permanently remove user account\n- View and update user profile information\n- Upload a profile picture\n- Verify user email for account security\n- Modify user profile settings and details\n- Recover account access with Forgot Password feature\n- Reset password securely after request\n\n### **Admin Features:**\n- Admin authorization for full access\n- Add new posts\n- Update existing posts\n- Delete posts\n\n---\n\n# **Related Projects**\n\n### **Blog Platform Built with React, Next.js, Node.js, MongoDB, TypeScript**\n- [**Blog Repository**](https://github.com/saddamarbaa/blog-post-next-js)\n- [**LIVE Demo**](https://saddam-blog.vercel.app/)\n\n---\n\n\n# Screenshots\n\n## Software Requirements\n\nhttps://docs.google.com/document/d/1lZvacY90Yo19QcnJxRJyy1AAZkTi0Vi5qXHTtptqAiU/edit\n\n![image](https://user-images.githubusercontent.com/51326421/111891042-f857f580-8a21-11eb-8bb9-310f0c666f91.png)\n\n## Business Requirements\n\n![image](https://user-images.githubusercontent.com/51326421/111891112-b4192500-8a22-11eb-92e9-20854d336b57.png)\n\n## Technical Requirements\n\n![image](https://user-images.githubusercontent.com/51326421/111891149-33a6f400-8a23-11eb-9f98-bea822a938f3.png)\n\n## User Flow\n\nhttps://app.diagrams.net/#G1DYvf-0FWMjC2nDzFbvAgbJ03Zg8DLfRZ\n\n![image](https://user-images.githubusercontent.com/51326421/111890990-5b955800-8a21-11eb-89db-3f552bd8f7ff.png)\n\n## Blog App: Wireframe\n\nhttps://app.diagrams.net/#G1Wo8rd6DVJUyCwp7aC6kLpvMkBM3Mgh8l\n\n## Rresponsive on large screens(Home Page)\n\n![image](https://user-images.githubusercontent.com/51326421/198089229-140a67d9-5cbc-42ea-b871-c84437bbebbe.png)\n\n## Responsive on mobile and tablet screens\n\n![image](https://user-images.githubusercontent.com/51326421/198090336-7f9db2bf-6f5f-4c77-84ea-74025d027e55.png)\n\n## Post detail page\n\n![image](https://user-images.githubusercontent.com/51326421/198090667-46907f31-58d1-44d8-a995-bea487ec9458.png)\n\n## Edit new post page\n\n![image](https://user-images.githubusercontent.com/51326421/198096430-5c5928b0-f39d-44c0-ad80-ab887615a743.png)\n\n## Edit post page\n\n![image](https://user-images.githubusercontent.com/51326421/198090907-759c57f7-c3ca-4d9e-bdd7-5f57bfcb57ac.png)\n\n## Login Page\n\n![image](https://user-images.githubusercontent.com/51326421/198091036-5306633d-60da-4c9b-8457-ef2e54c5ba0b.png)\n\n![image](https://user-images.githubusercontent.com/51326421/198091134-4582d1b6-33ed-403f-9f33-2544ee9372e7.png)\n\n![image](https://user-images.githubusercontent.com/51326421/198091226-a97c21f4-7661-4614-a6ca-e7b98aacf068.png)\n\n## Register page\n\n![image](https://user-images.githubusercontent.com/51326421/198091354-d8d03db0-97c1-4315-8a43-e8fb6351b230.png)\n\n![image](https://user-images.githubusercontent.com/51326421/198091554-d18d0adf-2a79-42cb-8d83-33920e2ba3d3.png)\n\n---","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaddamarbaa%2Fblog-app-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaddamarbaa%2Fblog-app-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaddamarbaa%2Fblog-app-typescript/lists"}