hkDev is a feature-rich modern blog web application designed to provide users with a seamless blogging experience. It includes a variety of functionalities such as a modern blog editor, Google authentication, dynamic blog pages, search capabilities, user profiles, analytics, and more. (inspired by Medium )
Table of Contents
- Modern Blog Editor: Utilize Editor JS for an intuitive and user-friendly blogging experience.
- Google Authentication: Secure authentication system for users via Google accounts.
- Dynamic Blog Pages: Each blog has its unique URL, allowing for easy sharing and navigation.
- Search Page: Efficiently search for blogs and users within the platform.
- Dedicated User Profiles: Personalized profiles showcasing social links and authored blogs.
- Dashboard: Manage published and draft blogs conveniently from a dedicated dashboard.
- Blog Post Analytics: Gain insights into blog performance with analytics, including editing and deletion capabilities.
- Like and Comment System: Interact with blogs through likes, comments, and nested replies.
- Notification System: Receive notifications for interactions on the platform, with recent notifications highlighted.
- Profile Editing: Update profile information, including social links and bio, with ease.
- Password Change: Users can change their login password securely from the settings.
- Mobile Responsive Design: Enjoy a seamless experience on various devices with a modern and responsive design, including fade-in animations.
Visit the site Live Link-: https://hkdev-client.onrender.com
Here is a video for demonstrate the hkDev site key features and functionalities video-: https://youtu.be/U-SFkJLQEL8
- Clone the repo
- npm install (both client and server) (for installing the packages)
- to start for client in local system (npm run dev)
- to start the server (npm start)
- to automatically change and restart use nodemon (npm dev:server)
Frontend: React Backend: Node.js, Express Database: MongoDB Authentication: JWT token Animation: Framer motion
- Like and Comment System: Implementing a robust like and comment system presented challenges in terms of database structure and real-time updates.
- Notification System: Designing and implementing an efficient notification system required careful consideration of database schemas and event handling.
- Responsive Design: Ensuring a consistent and user-friendly experience across various devices posed challenges in terms of CSS and layout adjustments.
- Improved Server-Side Code Style: Enhance the readability and maintainability of server-side code by refactoring and adhering to best practices.
- User Following System: Implement a user-following system to enable users to follow their favorite bloggers and receive updates on their activity.
Contributions to hkDev are welcomed and encouraged! To contribute to this project, please follow these guidelines:
- Fork the repository and create your branch from main.
- Ensure your code adheres to the project's coding standards and conventions.
- Test your changes thoroughly, including both positive and negative scenarios.
- Make sure your commits are descriptive and include relevant details.
- Submit a pull request, clearly explaining the changes you've made and their purpose.
Thank you for helping to improve hkDev!
hkDev is licensed under the MIT License.
Copyright (c) 2023 hkDev(ho-ssain)