Linkedin.com clone built using React.js
Branch: master
Clone or download
Latest commit 594ec6b Nov 20, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Mask the API keys & change them internally Dec 15, 2016
build deployed build Nov 29, 2016
node_modules user lists bug Nov 28, 2016
.babelrc code Sep 28, 2016
.firebaserc deployed on firebase hosting Oct 7, 2016
Feed.PNG
LICENSE Create LICENSE Feb 15, 2017
Profile.PNG Add screenshot files Dec 7, 2016
README.md Update README.md Nov 19, 2017
Search.PNG Add screenshot files Dec 7, 2016
database.rules.json added link to companies, changed recruiter profile to only about and … Nov 10, 2016
favicon.ico favicon and recommendations fix Nov 29, 2016
favicon.png favicon and recommendations fix Nov 29, 2016
firebase.json deployed on firebase hosting Oct 7, 2016
logo.png
package.json code Sep 28, 2016
style.css style navbar icons and recommendation Nov 29, 2016
webpack.config.js code Sep 28, 2016

README.md

Netly

The website is deployed at https://testingproject-cd660.firebaseapp.com/

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
Atef Alrwashdeh
Chris Van Horn
Parviz Latipov
Seling Chen - Team lead

Screenshots

Live Feed

#### Customizable Profile

#### Real-time search