/Netly

Linkedin.com clone built using React.js

Primary LanguageJavaScriptMIT LicenseMIT

Netly

###The website is deployed at https://netly.online/

#####We decided to rebuild Linkedin.com using React.js due to its rising popularity putting in mind the latest trends applied in the framework

###Tech Stack

  • React -v "15.3.1"
  • Firebase -v "3.4.0"
  • Babel-core -v "6.14.0"
  • Babel-loader -v "6.2.5"
  • Babel-preset-react -v "6.11.1"
  • React-dom -v "15.3.1"
  • React-router -v "2.8.1"
  • Webpack -v "1.13.2"
  • Webpack-dev-server -v "1.15.1"
  • Bootstrap -v "3.3.7"

###Architecture We wanted to build a multi-page website instead of the typical one-page websites supported by React.JS, so we followed the React Router Tutorial to integrate React Router into our application. Learning from example, we figured out how to have a fixed navbar at the top of every page in the application but have changing child components upon path changes. Through the CodeAcademy React.JS tutorials 1+2, the Firebase Docs, and trial/error, we have created our own version of Linkedin, Netly.

###Installation instructions 0. In App.js input your firebase API Keys

  1. Set up React.JS - Link
  2. Set up Firebase - Link
  3. Deploy the Application - Link
    • Change firebase.json's public node to point to build

###Team Abdellatif Abdelfattah
Ahmad Abdeljabbar
Alexandr Buga
Atef Alrwashdeh
Chris Van Horn
Parviz Latipov
Seling Chen - Team lead

###Screenshots

####Live Feed ####Customizable Profile ####Real-time search