Giter VIP home page Giter VIP logo

mern_blogapp's Introduction

MERN Blog App

Description

This blog app is a modern web application built using the MERN stack, combining MongoDB, Express.js, React, and Node.js for a robust and scalable backend and front-end infrastructure. State management is efficiently handled with Redux, ensuring seamless data flow and improved user experience. The user interface is styled with Tailwind CSS, providing a sleek and responsive design. Firebase is integrated for authentication and real-time data handling, enhancing security and performance. This combination of technologies ensures a dynamic, user-friendly platform for creating, managing, and engaging with blog content.

Features

  • User Friendly UI
  • Dark Mode for reading
  • Hassle-free login using OAuth
  • Comments and search section
  • Organised Feed
  • Separate admin access for content management
  • Easy account management

Screenshots

Home Page (Dark Theme)

Tech Used

CSS3 HTML5 JavaScript Firebase Express.js JWT NPM NodeJS React Redux TailwindCSS MongoDB

You will need the following API keys to set up this project

Syntax Description
MONGO Your MongoDB connection URL
JWT_SECRET A secret string to be used for signing and verifying tokens.
VITE_FIREBASE_API_KEY Firebase key for OAuth and Cloud Storage to be stored as client-side secret

Live Demo

The website might take some time to load at first as the Render server goes to sleep, give it some time once it is on it works magically.

mern_blogapp's People

Contributors

akarsh3053 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.