MERN BLOG

Key Features

  • User registration and login
  • Authentication using JWT Tokens
  • CRUD operations (Story create, read, update and delete)
  • Upload user ımages and story ımages to the server
  • Skeleton loading effect
  • Responsive Design

Technologies used

This project was created using the following technologies.

Frontend

  • React js - JavaScript library that is used for building user interfaces specifically for single-page applications
  • React Hooks - For managing and centralizing application state
  • react-router-dom - To handle routing
  • axios - For making Api calls
  • Css - For User Interface
  • CK-Editor - Rich Text Editor
  • uuid - For random id generator
  • React icons - Small library that helps you add icons to your react apps.

Backend

  • Node js -A runtime environment to help build fast server applications using JS
  • Express js -The server for handling and routing HTTP requests
  • Mongoose - For modeling and mapping MongoDB data to JavaScript
  • express-async-handler - Simple middleware for handling exceptions inside of async express routes and passing them to your express error handlers
  • jsonwebtoken - For authentication
  • Bcryptjs - For data encryption
  • Nodemailer - Send e-mails from Node.js
  • Dotenv - Zero Dependency module that loads environment variables
  • multer - Node.js middleware for uploading files
  • slugify - For encoding titles into a URL-friendly format
  • cors - Provides a Connect/Express middleware

Database

  • MongoDB - It provides a free cloud service to store MongoDB collections.

Screenshots

SignUp) Login Profile Home page