home
Home
Back

WritEl

WritEl is a fully fledged social media and content creation platform with the following main pages:

Tech Stack:

  • Next.js
  • Nest.js
  • Postgres
  • Redis
  • Socket.io
  • TypeScript
  • Tailwindcss
  • Editor.js

Core Features:

  • Users can create engaging blog posts with a rich text-editor "Editor-JS" for dynamic and visually appealing content.
  • The profile page allows extensive customization, including personal information editing, profile pictures, cover pictures, and an activity log to track posts and interactions.
  • Users can explore public blog posts, forums, and top forums within the community section, fostering engagement and connection.
  • The chat page enables users to create both public and private chat rooms, send invitations, and engage in private conversations with other users.
  • The feed page presents blog posts from subscribed users, and visitors can interact with posts by liking, disliking, and commenting.

Project Pages Showcase:

Blog Post

A blog post page with a list of all posts and an option to create new ones.

project
      Creating Forums
  • User can create Forum and publish in forums too.
    • Creating blog post
  • User can create Blog posts with rich text-editor "Editor-JS" editor support.

Profile

A profile page where users can edit personal information, view their posts, and change passwords.

project
      Profile Customization
  • Edit personal information, including profile picture and cover picture.
    • Activity Log
  • View a log of the user's posts and interactions.
    • Password Management
  • Change password and manage account security.

Community

A community page where users can explore public blog posts, forums, and top forums.

project
      Public Blog Posts
  • Displaying public blog posts from other users.
    • Forums
  • List of forums, allowing users to subscribe to and participate in discussions.
    • Top Forums
  • Highlighting the most popular and active forums.

Chat

A chat page where users can create chat rooms, chat privately, and manage interactions.

project
      Create Chat Rooms
  • Users can create public or private chat rooms.
    • Invitations
  • Send invitation links to others to join chat rooms.
    • Private Chats
  • Initiate private chats with other users.

Feed

A feed page displaying blog posts from users subscribed to.

project
      Interactive Feed
  • Users can interact with blog posts by liking, disliking, and commenting.
    • Subscription
  • Users can subscribe to other users' feeds to stay updated on their posts.

Template

A template page where users can select predefined templates for writing practice, especially for language learners.

project
      Predefined Templates
  • Choose from a variety of predefined templates for writing practice.
    • Language Learning
  • Specifically designed for language learners to practice writing skills.

Workspace

A workspace page with an interactive text-rich editor and AI-powered writing assistance.

project
      Interactive Editor
  • An editor with buttons like "Correct Me," "Teach Me," and "Rephrase" for interaction with OpenAI GPT.
    • AI Assistance
  • AI-powered writing assistance to enhance writing skills.

Settings

A settings page for user preferences, including theme selection and logout.

project
      Theme Selection
  • Choose the UI theme based on user preferences.
    • Logout
  • Log out of the WritEl platform.