/react-slack-clone

User Interface Design and Development (IFI6225.DT)

Primary LanguageJavaScript

Project logo

Slack Clone

Slack clone developed for IFI6225.DT course

📝 Table of Contents

🧐 About

This project was developed only for educational purpose. view on slack website as if it was single page application.

Works:

  • Welcome Page
  • Enterprise Page
  • Prising Page
  • Routing (Index | Pricing | Enterprise)
  • Video
  • Carousel

Slack clone developed with:

  • Reactjs
  • Reactstrap
  • Bootstrap
  • Sass

🏁 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Check if npm is installed. npm (comes with nodejs).

npm -v

if not installed: follow link below to install nodejs and npm

install Nodejs

Installing

A step by step series of examples that tell you how to get a development env running.

clone repo

git clone https://github.com/RobertShev/react-slack-clone.git

enter project

cd slack

install dependencies

npm install

start project

npm start

Open http://localhost:3000 to view it in the browser.

Available Scripts

🎈 Dependencies 

"dependencies": {
   "@fortawesome/fontawesome-svg-core": "^1.2.28",
    "@fortawesome/free-brands-svg-icons": "^5.13.0",
    "@fortawesome/free-solid-svg-icons": "^5.13.0",
    "@fortawesome/react-fontawesome": "^0.1.9",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "bootstrap": "^4.4.1",
    "flickity": "^2.2.1",
    "node-sass": "^4.14.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-flickity-component": "^3.5.0",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.1",
    "reactstrap": "^8.4.1"
  },

 "devDependencies": {
    "babel-eslint": "^10.1.0",
    "eslint": "^6.6.0",
    "eslint-config-airbnb": "^18.1.0",
    "eslint-config-prettier": "^6.11.0",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-react": "^7.19.0",
    "prettier": "^2.0.5"
  }

⛏️ Built Using

✍️ Authors