Askloom is a dynamic Q&A platform designed to facilitate knowledge sharing, where users can post questions, share insights, and engage in discussions. Built with a focus on a seamless user experience, Askloom offers features like real-time updates, a rich text editor for formatting questions, and various sorting and filtering options to help users find relevant questions. The app aims to connect individuals across different topics, fostering a community of both learners and experts. With an easy-to-navigate interface and accessible design, Askloom is a discussion-driven platform where information is readily available.
-
Dynamic Data Management: Real-time updates for question and answer interactions, enabling immediate content refresh for a responsive user experience.
-
Flexible Content Structure: Developed separate components for server-rendered and client-rendered content, optimizing performance and efficiently managing progressively loaded data.
-
Robust Authentication: Integrated Google authentication with JWT-based sessions for a secure and seamless login experience.
-
Progressive Loading: Employed suspense boundaries to progressively load answers and comments, enhancing user experience without blocking access to the main question content.
-
Advanced Search and Filter Options: Designed a route-based search bar with dynamic filtering, allowing users to easily find relevant questions based on keywords or tags.
-
Rich Text Formatting: Added a rich text editor that supports bold, italic, lists, and other text formatting options to improve readability and content structure.
-
Tagging System: Implemented a tagging feature to categorize questions by topics, with sorting based on popularity for easy exploration.
-
Optimized Routing: Created multiple routing paths (including error and not-found pages) to handle invalid and failed requests gracefully, improving the app’s reliability.
-
Responsive Design: Designed for both desktop and mobile interfaces, ensuring that Askloom is accessible across all devices.
- Frontend: React, Next.js, TypeScript, and SASS for responsive design
- Backend: Node.js, Express, and MongoDB for scalable and secure data storage
- Authentication: Google OAuth 2.0 with JWT for session management
- State Management: React Context API
