Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/reynoldarun09/mern-blog-app
MERN Blog App: Basic Blog App built with mern stack, create, update, delete, comment. with authentication and authorization
https://github.com/reynoldarun09/mern-blog-app
axios cloudinary docker docker-compose grafana jest jwt-authentication mongoose node prometheus reactjs recoil shadcn-ui tailwindcss tanstack-react-query typescript vite winston zod
Last synced: 27 days ago
JSON representation
MERN Blog App: Basic Blog App built with mern stack, create, update, delete, comment. with authentication and authorization
- Host: GitHub
- URL: https://github.com/reynoldarun09/mern-blog-app
- Owner: ReynoldArun09
- Created: 2023-11-09T17:59:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-04T14:06:10.000Z (about 1 month ago)
- Last Synced: 2024-12-04T15:20:41.519Z (about 1 month ago)
- Topics: axios, cloudinary, docker, docker-compose, grafana, jest, jwt-authentication, mongoose, node, prometheus, reactjs, recoil, shadcn-ui, tailwindcss, tanstack-react-query, typescript, vite, winston, zod
- Language: TypeScript
- Homepage: https://super-jelly-727c23.netlify.app/
- Size: 506 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Blog app
Blog app built with mern stack## Tech Stack
- **Client:** React, Typescript
- **Server:** Node, Typescript, Express, Docker, Mongo(mongoose)
- **Monitoring tools:** Prometheus, Grafana, Grafana Loki,## 🔗 Links
- Live: https://super-jelly-727c23.netlify.app/
- Code: https://github.com/Beast-Rey/MERN-blog-app## Table of Contents
- [Features](#features)
- [Technologies](#technologies)
- [Project Structure](#project-structure)## Features
- [x] Light/dark mode toggle
- [x] Login/Register
- [x] Create Blog post
- [x] Add comment
- [x] Delete comment
- [x] Search blogs
- [x] Edit profile## 🛠Technologies
- Javascript
- React
- Tailwind
- Tanstack-Query
- Shadcn ui
- React-hook-form
- Recoil
- Vite
- Axios
- Node
- Express
- Typescript
- Zod
- Docker
- Moongose
- Multer
- cloudinary## Project Structure
```
client\
|--src\
|--apis # tanstack query
|--atoms # state management
|--axios # axios connection
|--components # Components
|--pages # routes
|--utils # schema types interface
server\
|--src\
|--database\ # Mongoose configuration
|--handlers # Route handlers
|--helper # Interface types enum
|--middlewares\ # Custom express middlewares
|--models\ # Mongoose models
|--routes\ # Applicaton routes
|--utils\ # utilities Zod validation Nodemailer
|--app.ts # Express app
|--index.ts # Server configuration
```