Simple FullStack Chat Application

• you can run Frontend and Backend simply if read readme for them .

Technologies Used in FrontEnd

• axios: For managing server requests and handling HTTP interactions.
• react-hook-form: For managing form state and validation easily and effectively.
• react-router-dom: For routing and navigation within the React application.
• react-toastify: For displaying notifications and toast messages after user actions.
• socket.io-client: For listening to and emitting socket events for real-time communication.
• zustand: For state management, allowing easy and structured state management in React.

Technologies Used in BackEnd

• bcryptjs: For hashing passwords securely, ensuring user credentials are stored in an encrypted format.
• cookie-parser: For parsing cookies in incoming requests, enabling easy access to cookie data.
• cors: For enabling Cross-Origin Resource Sharing, allowing your backend to accept requests from front-end applications hosted on different domains.
• dotenv: For environment variable management, allowing configuration without hardcoding sensitive information in your code.
• drizzle-orm: An Object Relational Mapping library to interact easily with the PostgreSQL database, providing a clear interface for data manipulation.
• jsonwebtoken: For generating and verifying JSON Web Tokens (JWT), which are used for securing API endpoints and authenticating users.
• pg: The PostgreSQL client for Node.js, allowing your application to interact with a PostgreSQL database for data persistence.
• socket.io: For enabling real-time, bidirectional communication between the client and server, crucial for chat functionality.

Demo