Skip to content

render217/chatv2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat Group

Solution for a challenge from Devchallenges.io.

Table of Contents

Overview

screenshot-2

Installation:

  1. Clone the repository:

    git clone https://github.com/render217/chatv2
  2. Create a .env file in backend/config folder and add the following as key = value

      ```
    MONGODB_URI=
    DB_NAME=
    JWT_SECRET=
    JWT_EXPIRES_IN=
    PORT=
    NODE_ENV=
    CORS_ORIGIN=
      ```
    

    Create a .env file in frontend directory and add the following as key = value

      VITE_SOCKET_URI=http://localhost:<PORT>
      VITE_BACKEND_URI=http://localhost:<PORT>/api
    
      N.B(PORT => port you used for the backend)
    
  3. Navigate into the directory and install dependencies: both in frontend and backend folder

    npm install
  4. Start the development server: in both client and backend folder

    npm run dev

Built With

  • React
  • Tailwind
  • Express
  • Socket.io
  • MongoDB

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

  • User story: By default, I am in the Welcome channel
  • User story: I can create a new channel with a name and a description
  • User story: I can select a channel of my choice
  • User story: When I can select a channel, I am added as a member of the channel
  • User story: I can see a member of the channel
  • User story: I can send a message
  • User story: I can see other people's messages
  • User story(optional): I can search for a group

Acknowledgements

  • Render - For Both Frontend and backend deployment

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages