Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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
```