Linkedin.com clone built using React.js
JavaScript Other
Latest commit 24dc886 Dec 15, 2016 @tifa2UP committed on GitHub Update README.md

README.md

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

  1. In App.js input your firebase API Keys
  2. Set up React.JS - Link
  3. Set up Firebase - Link
  4. 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