/Multifunctionality_App

Multi Functionality App

Primary LanguageJavaScript

Multi Functionality App

Welcome to Multi Functionality App , a platform where users can connect, locate, and engage with each other!

Click here to Try .

How to Get Started:
  • Register your Account
  • Log in to your Account
  • Chat and Play Quiz with Others

Features

User Profiles: Create and customize personal profiles.
Chat: Chat with Others
Quiz: Give Quiz and get Result.
User Connections: Connect other users chat with them , play Quiz and compete with Others .
Responsive UI Design: Enjoy a seamless experience across different devices.

Technologies

Client-Side Technologies

  • Frontend Framework: React
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • State Management: Redux Toolkit
  • Form Handling: React Hook Form
  • Icons: MUI Icons
  • Routing: React Router DOM
  • API Calls: Axios, RTK Query
  • Google Maps: react-leaflet
  • Quiz: React-Quiz
  • Chat: socket io

Server-Side Technologies

Backend: Node.js, Express, MongoDB
Backend Key Packages:
  • bcrypt: Password hashing
  • cookie-parser: Parse Cookie header and populate req.cookies with an object keyed by cookie names
  • cors: Enabling cross-origin requests
  • dotenv: Loading environment variables from a .env file into process.env
  • express: Web framework for Node.js
  • jsonwebtoken: Authentication using JSON Web Tokens (JWT)
  • mongodb: MongoDB driver for Node.js
  • mongoose: MongoDB Object Data Modeling (ODM) library for Node.js
  • multer: Middleware for handling multipart/form-data, used for uploading files
  • socket.io: Enables real-time, bidirectional and event-based communication
  • uuid: Generating unique IDs

Clone the repository:

Bash
git clone https://github.com/dhirendrasingh25/Multifunctionality_App.git

Install dependencies: 

Bash
cd client
npm install

cd server
npm install
Use code with caution. Learn more
Create a .env file in the server directory and add your environment variables 

Start the development servers:

Bash
cd client
npm run dev

cd server
npm run dev
Use code with caution. Learn more
Open http://localhost:3000 in your browser to access the app.
Future Update Plans
  • Personal Chat Feature
  • Channel Creation
  • 24 hours User Status
Contribution

Fork the repository Create a new branch for your changes Make your changes and commit them Push your changes to your fork 5. Create a pull request