Netly

by tifa2UP

tifa2UP / Netly

Linkedin.com clone built using React.js

129 Stars 38 Forks Last release: Not found MIT License 146 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.