Skip to content

anna-llorens/chat-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 

Repository files navigation

💬 MERN Project: Real-Time Chat Web Application

A full-stack real-time chat application built with modern web development technologies. This project demonstrates a basic chat application with separate frontend and backend components. 👍🌟🎮

🚀 Features

  • Real-time messaging

  • User authentication and management

  • Responsive design

  • Chat notifications

🔄 Installation and Execution

🔧 Backend

cd backend
yarn # Install dependencies
yarn dev # Start the development server

🌐 Frontend

cd frontend
yarn # Install dependencies
yarn dev # Start the React app

The application will be available at http://localhost:5173

🌐 Technologies Used

Frontend

  • React: Component-based UI framework

  • Vite: Fast build tool for modern web projects

  • TypeScript: Typed JavaScript

  • Chakra UI: Modular and accessible UI components

  • Axios: Promise-based HTTP client

  • React Icons: Icon library

  • ESLint: JavaScript linting

  • TanStack Query (React Query): Data-fetching and state management library for server-state caching, synchronization, and updates.

  • socket.io-client

Backend

  • Express: Node.js web application framework

  • Prisma: Database ORM

  • MongoDB: NoSQL database

  • Cors: Middleware for Cross-Origin Resource Sharing

  • Dotenv: Environment variable management

  • socket.io

📢 Contribution

Feel free to fork this repository and submit pull requests. Contributions are welcome! 🙌📚📊

🔒 License

This project is licensed under the MIT License.

📧 Contact

If you have any questions or feedback, feel free to contact me via GitHub. 👤🔗📲