🥚 Git Remote/Local Connection: You can create a local git repository, commit changes, connect a remote repository and push changes to the remote.

🥚 Linting: You can find and fix linting errors in JavaScript programs.

🥚 Git Branching Workflow: You can manage your work locally using branches: pull remote changes -> create a new branch -> push the branch to the remote repository -> open a PR with passing Continuous Integration checks -> merge changes to main/master.

🥚 Command Line Interface (CLI): You can navigate a directory, manage folders/files, make small changes in a file using nano/vim, and much more

🥚 Design Cycle: You will be able to describe the design cycle and what steps you will take in each state (Empathize, define, ideate, prototype, testing and implement).

🥚 Fixing Errors: You can use the structured comment to describe an error in your program, and can make several educated guesses at how to fix the error.

🐣 Testing Existing Functions: You can write unit tests for a working function using the describe/it/expect().toEqual() syntax. This includes grouping test cases into logical test suites.

🐣 You can write small programs with a good component-based design that asynchronously uses data stored in different locations: • Browser: You can write a small web page that fetches data from a RESTful API and renders it into the DOM.

🐣 design, plan, build small web page using React that fetches data from an API

🥚code reviews : the following requirements have been addressed with your PRs to the home repo for each assignment

• PR has a descriptive title
• PR has appropriate labels and milestones for easy identification
• Reviewers are assigned
• the PR contributes only one focused change
• It is in the appropriate column in the project board
• has short and clear description
• is linked to an issue
• feedback is addressed (if any)

🥚 home work submission status: You have completed and submitted all assignments for each module (vocabulary, snippets, group or individual projects….)

🥚check-in status: you have submitted your check-ins for each module chapter

🥚class and workshop attendance status : you have been present for each class and workshop in person or online .

🥚 retrospective deliverables : you have submitted your retrospective for each module on your personal repo

This project's goal is to reconstract a fully-functional Slack-Clone By using the base HTML/css code .The application will allow registered users to login and see and receive messages.

A message can contain a link to an external platform, an Image and rich text. Users should always be able to see when a message was sent.

Messages can be send one-to-one in a direct conversation from a sender to a receiver, but it is also possible to start a channel in order to support group discussions. Such a channel will always have name, and a list of members.

The idea is that the user will see a list of all direct messages addressed to them, but also an overview of all channels so he can follow up on the discussions in there. Messages in private conversations and messages in group have the same functionality.

Returns json data about all channels in the system.

• URL

  /channels

• Method:

  GET

• Result:

  [
    {
      "name": "Awesome Channel",
      "id": "ZAE12E124321ZE"
    },
    ...
  ]

Returns json data about a single channel.

• URL

  /api/channels/:channelId

• Method:

  GET

• URL Params

  Required:

  channelId=[string]

• Result:

  {
    "name": "Awesome Channel",
    "id": "ZAE12E124321ZE"
  }

Removes a channel from the system.

• URL

  /api/channels/:channelId

• Method:

  DELETE

• URL Params

  Required:

  channelId=[string]

• Result:

  { 
    "message": "Channel ZAE12E124321ZE was successfully deleted!"
  }

Replaces a channel with its updated version.

• URL

  /api/channels/:channelId

• Method:

  PUT

• URL Params

  Required:

  channelId=[string]

• Body

  {
    "name": "new name of the channel",
    "id": "the channel id"
  }

• Result:

  {
    "name": "Awesome Channel",
    "id": "ZAE12E124321ZE"
  }

Creates a new channel with the given name.

• URL

  /api/channels

• Method:

  POST

• Body

  {
    "name": "the name of the channel you wish to create",
  }

• Result:

  {
    "name": "Awesome Channel",
    "id": "ZAE12E124321ZE"
  }

Returns a json array of all messages currently in the system.

• URL

  /api/messages

• Method:

  GET

• Result:

  [
  {
    "text": "The content of the massage",
    "id": "BFE12E1243211ZE",
    "user": "Name of the user who posted the message",
    "date": "2021-08-13T18:25:43.511Z",
    "channelId": "ZAE12E124321ZE"
  },
  ...
  ]
  

Returns a json array of all messages that belong to the specified channel.

• URL

  /api/channels/:channelId/messages

• Method:

  GET

• URL Params

  Required:

  channelId=[integer]

• Result:

  [
  {
    "text": "The content of the massage",
    "id": "BFE12E1243211ZE",
    "user": "Name of the user who posted the message",
    "date": "2021-08-13T18:25:43.511Z",
    "channelId": "ZAE12E124321ZE"
  },
  ...
  ]
  

Removes the specified message from the system.

• URL

  /api/messages/:messageId

• Method:

  DELETE

• URL Params

  Required:

  messageId=[integer]

• Result:

  {
    "message": "Message BFE12E1243211ZE was successfully deleted!"
  }

Updates the specified message with the new content.

• URL

  /api/messages/:messageId

• Method:

  PUT

• URL Params

  Required:

  messageId=[integer]

• Body

  {
     "text": "The content of the massage",
     "id": "BFE12E1243211ZE",
     "user": "Name of the user who posted the message",
     "date": "2021-08-13T18:25:43.511Z",
     "channelId": "ZAE12E124321ZE"
   }

• Result:

  {
    "text": "The content of the massage",
    "id": "BFE12E1243211ZE",
    "user": "Name of the user who posted the message",
    "date": "2021-08-13T18:25:43.511Z",
    "channelId": "ZAE12E124321ZE"
  }

Creates a new messsage in the specified channel.

• URL

  /api/channels/:channelId/messages

• Method:

  POST

• URL Params

  Required:

  channelId=[integer]

• Body

  {
     "text": "The content of the massage",
     "user": "Name of the user who posted the message",
   }

• Result:

  {
    "text": "The content of the massage",
    "id": "BFE12E1243211ZE",
    "user": "Name of the user who posted the message",
    "date": "2021-08-13T18:25:43.511Z",
    "channelId": "ZAE12E124321ZE"
  }
  ```---