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

https://github.com/mohammad-nour-alawad/personal-blog

Personal blog site built using the MERN stack
https://github.com/mohammad-nour-alawad/personal-blog

cookies expressjs jwt mern-stack mongodb nodejs reactjs

Last synced: about 1 month ago
JSON representation

Personal blog site built using the MERN stack

Awesome Lists containing this project

README

        

# Project Name: Personal Blog

Welcome to the Personal Blog project! This platform is a robust demonstration of my skills in full-stack development, specifically utilizing the MERN stack (MongoDB, Express.js, React, and Node.js). Designed with functionality and user experience in mind, this project serves not only as a portfolio piece but also as a fully functional personal blogging platform.

## Key Features

- User Authentication: Secure login and registration process implemented with JWT (JSON Web Tokens) and cookies, ensuring that user sessions are both safe and efficient.
- Blog Management: Users can effortlessly register, log in, create, browse, and edit their blogs. This feature provides a seamless experience for bloggers to share their thoughts and ideas with the world.
- Server-Side Pagination: To enhance performance and user experience, server-side pagination is implemented. This ensures that the overhead of retrieving all blogs at once is minimized, leading to faster load times and a smoother browsing experience.
- Comments: Each blog supports comments, allowing readers to engage with the content. This fosters a community of interaction and discussion directly on the platform.

## Upcoming Features

- Likes and Comments Enhancements: Soon, users will be able to like blogs and comments, adding another layer of interaction and feedback for bloggers and readers alike.
- Blog Search Functionality: A search feature is in development to allow users to find blogs of interest more easily, enhancing navigability and user experience.

## Technical Architecture

- Frontend: Hosted on Vercel, the frontend is built with React, creating a dynamic and responsive user interface that is both modern and efficient.
- Backend: The backend, hosted on Render.com, utilizes Node.js and Express.js to handle requests, perform server-side logic, and communicate with the MongoDB Atlas-hosted database.
- Database: MongoDB Atlas provides a scalable, cloud-based database solution that ensures data persistence and security for user information and blog content.

## Deployment

This project leverages modern cloud services for deployment, ensuring high availability and scalability:

- **MongoDB Atlas** for database services, offering a powerful, flexible, and scalable cloud database solution.
- **Render.com** for backend hosting, providing a seamless and efficient environment for server-side operations.
- **Vercel** for frontend hosting, known for its high performance and ease of deployment for React applications.

## Conclusion

The Personal Blog project is a testament to the power of the MERN stack in creating full-featured, scalable web applications. It's a project that not only showcases development skills but also provides a platform for expression and community building. Whether you're a fellow developer interested in the technical underpinnings or a user looking to explore the world of blogging, this project welcomes you.

Stay tuned for more features and improvements as this project continues to evolve!