BlogSphere is a fully functional, responsive blog website built with HTML, CSS, and JavaScript. It provides a platform for writers and readers to connect, share ideas, and explore new perspectives.
- Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
- Multiple Pages: Home, Explore, Create Post, Profile, Post View, and Bookmarks
- Blog Post Creation: Rich text editor with formatting options
- Social Interactions: Like, comment, and follow functionality
- User Profiles: View and edit user profiles
- Bookmarks: Save posts to read later
- Search & Filter: Find posts by category, tags, or keywords
- Drafts: Save posts as drafts to finish later
- Related Posts: Discover similar content
- Home Page: Featured posts, trending authors, and popular categories
- Explore Page: Browse all posts with filtering and sorting options
- Create Post Page: Write and publish new blog posts
- Profile Page: View and manage your profile, posts, and interactions
- Post Page: Read individual posts and interact with comments
- Bookmarks Page: Access your saved posts
- HTML5: Semantic markup for better accessibility and SEO
- CSS3: Modern styling with flexbox and grid layouts
- JavaScript: Dynamic content and interactive features
- LocalStorage: Client-side data persistence
- Responsive Design: Mobile-first approach with media queries
- Rich Text Editor: Custom implementation for post creation
The application uses localStorage to persist data between sessions:
- Blog Posts: Array of post objects with content, metadata, and interactions
- Users: User profiles with personal information and statistics
- Current User: Information about the logged-in user
- Drafts: Saved post drafts
- Clone the repository
- Open
index.htmlin your browser - Explore the features and functionality
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- User authentication and registration
- Server-side storage with a backend API
- Image upload functionality
- Notifications system
- Advanced analytics for authors