This repository contains a full-stack blog application built with the MERN (MongoDB, Express.js, React, Node.js) stack and TypeScript. The app allows users to create an account, write and publish articles, and engage with other authors by commenting on their articles. It features a responsive and intuitive user interface, with real-time updates and a rich text editor for creating compelling blog posts. The backend is implemented using Express.js and MongoDB for efficient data storage and retrieval. Feel free to explore the codebase, customize it.
The Blog App is built using the following technologies:
- MongoDb
- Express.js
- React.js
- Node.js
Additional technologies and libraries used include TypeScript for enhanced type checking, Mongoose as ODM library for MongoDB.
- User Registration: Users can create an account to gain access to the blog features.
- Article Creation and Publishing: Users can write and publish their own articles with a rich text editor.
- Article Interaction: Readers can engage with articles by leaving comments.
- User Profiles: Users have their own profiles where they can manage their articles and upload new profile picture.
- Responsive Design: The app is designed to provide a seamless experience across different devices and screen sizes.
To get started with the MERN Stack Blog App, follow these steps:
- Clone this repository to your local machine.
- Install the necessary dependencies by running
npm installin both the client and server directories. - Set up a MongoDB database and update the connection string in the server configuration.
- Run
npm startto start the development servers. - Access the application in your web browser at the provided URL.
To see the MERN Stack Blog App in action, visit the following link: https://bloglab-xi.vercel.app/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent