.NET PROJECT

PARLEZ 💬

Mandeep Dhillon, Patrick Fortaleza, Juhwan Moon, AJ Purugganan, Kalvin Tang

Live Application: Parlez.netlify.app

App type: Chat Application
Description: A simple chat/forum application where users are able to create accounts, post messages to a chatroom, read and delete existing messages.

🔑   INSTALLATION INSTRUCTIONS HERE!

.NET API

1. Clone the .NET API Repo to your Local machine
2. Copy and paste `appsettingsTEMPLATE.json` file and rename the copy to `appsettings.json`
3. Update your Connection string to direct it to your local database
4. Run `Add-Migrations InitialChatSchema -Context ChatDbContext -OutputDir "Data/Migrations"`
5. Then run `Update-Database -Context ChatDbContext`

React Client

1. Clone the React App Repo to your Local machine
2. CD into the cloned respository in your local.
3. Run `npm install` to install necessary packages
4. Run `npm start` to boot up the application
5. OPTIONAL: Update the end-points to use your locally running .NET api in `Login.js`, `Registration.js`, `Chatlist.js`, `ChatMessage.js`, and `SubmitMessage.js`

📑   FEATURE LIST

Core Application Features

1. User authentication
2. Users can post messages
3. User can delete their own messages
4. Users can see the timestamp of each message

Nice-To-Have Features

1. User can reply to messages
2. Administrators can pin messages
3. Advanced formatting in messages
4. Multiple chatrooms
5. Emoji's / symbols in messages

Functional Requirements

1. The user interface will allow anonymous chat messages.
2. Users can only delete messages created by their account.
3. The system will require a database that stores messages, and user data.

Non-functional Requirements

1. The chat application will allow a message object to have a nullable UserId, allowing anon users.
2. Anonymous users must enter in an alias to post a message if they are not authenticated.
3. Each message object will need a user id field.
4. An API will be used to communicate data from the server to the front-end.
5. The application will use ReactJS to send POST/GET/UPDATE/DELETE Requests

📁   SUPPORTING DOCUMENTS

Use Case Diagram

Low-Fidelity Prototype:

ER Diagram