https://github.com/stroller15/bytebliss
A dynamic blog platform built using the MERN stack, enabling users to create, edit, and interact with posts. Features user authentication, responsive design, and social interactions.
https://github.com/stroller15/bytebliss
authentication authorization backen expressjs frontend javascript json jwt mongodb mongoose nodejs reactjs
Last synced: 3 months ago
JSON representation
A dynamic blog platform built using the MERN stack, enabling users to create, edit, and interact with posts. Features user authentication, responsive design, and social interactions.
- Host: GitHub
- URL: https://github.com/stroller15/bytebliss
- Owner: Stroller15
- Created: 2023-11-08T11:22:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-28T13:46:47.000Z (about 2 years ago)
- Last Synced: 2025-02-15T09:48:42.368Z (about 1 year ago)
- Topics: authentication, authorization, backen, expressjs, frontend, javascript, json, jwt, mongodb, mongoose, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 6.08 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ByteBliss
Unleash Your Voice, Share Your Story: Where Words Find Home - Welcome to Our Blogging Haven!
ScreenShots 📸
## About The Project
https://github.com/Stroller15/Best-README-Template/assets/84174011/d0456c65-8346-46f2-9b15-262ea427301d
Welcome to my MERN stack blog app! This application leverages MongoDB for data storage, Express.js for seamless server-side operations, React.js for a dynamic user interface, and Node.js for managing the backend. With this full-stack setup, users can effortlessly create, read, update, and delete blog posts.
It's designed to be user-friendly, making sharing and managing your content a breeze. Explore and enjoy the world of easy and efficient blogging with my MERN stack application.
### Functionality
🔐 **Authentication (Login and Signup):**
Enables users to securely sign up for new accounts and log in to access the platform using their unique credentials.
🏠 **Home Page:**
Serves as the primary landing space where users can explore featured or recent blog posts and navigate through the application's content.
📝 **CRUD Operations:**
Allows users to Create, Read, Update, and Delete blog posts, offering complete control over managing their content.
✍️ **Blog Editor:**
Provides an intuitive interface for users to craft and edit blog posts, including text formatting, media embedding, and content organization.
👤 **Profile Management:**
Empowers users to manage their profiles, update information, and personalize their account settings.
👍🗨️ **Like and Comment on Articles:**
Facilitates engagement by enabling users to like posts and leave comments, fostering a sense of community interaction.
📚 **Save Article for Later:**
Allows users to bookmark or save articles, creating a reading list for easy access to preferred content.
📄 **Pagination:**
Enhances user experience by dividing content into pages, ensuring a more organized and manageable layout.
⏱️ **Debouncing:**
Optimizes the user interface by controlling repetitive actions, enhancing performance and responsiveness.
📱 **Mobile Responsiveness:**
Ensures the application functions seamlessly across various mobile devices, providing a user-friendly experience on smartphones and tablets.
## Built with
#### Frontend (JavaScript)
- React.js
- React Router DOM
- CKEditor 5 Classic Build
- React Icons
#### Backend (JavaScript)
- Node.js
- Express.js
- JWT (JSON Web Tokens)
- Bcrypt.js
- Nodemailer
- Slugify
#### Database
- MongoDB
- Mongoose
#### Middleware
- Multer
#### Testing (JavaScript)
- Jest
- React Testing Library
- User Event
- @testing-library/jest-dom
- @testing-library/react
#### Other Tools
- Axios (HTTP client for making requests)
- UUID (for generating unique identifiers)
- Dotenv (for environment variables)
- CORS (Cross-Origin Resource Sharing)
- Path (for handling file paths)
- Express Async Handler (for handling asynchronous functions in Express)
- Web Vitals (for measuring web performance)
#### Development and Deployment
- Nodemon (for automatic server restart)
- PM2 (Process Manager for Node.js applications)