NetDex Frontend

This project serves as the front end for the NetDex application. The client side is rendered through React and provides Google OAuth authentication services. The NetDex application provides the end user a way to organize their professional network in a simplistic and easy to understand interface. Think of your favorite professional social media platform. Now remove the social media portion of it. This is a tool for the user to maintain contact with their network without all the frills that come with being on a social media platform.

"Contacts, without the contact."

Link to NetDex frontend

Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Roadmap
4. Contact
5. Acknowledgments

About The Project

Built With

• 
• 
• 
• 

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Ensure you have the latest version of npm installed.

npm install npm@latest -g

Ensure you have version 18.15.0 of node installed through NVM.

nvm install 18.15.0

Ensure you have the latest version of yarn installed.

npm install -g yarn

Installation

1. Clone the repo

   git clone https://github.khoury.northeastern.edu/NEU-CS5610-SU23/NetDex-frontend.git

2. Install NPM packages

   yarn install

3. Start frontend server**

   yarn start

** Ensure that you have the backend server running so data can be fetched.

(back to top)

Roadmap

To - Do's

• Fix navbar layout so login button does not overlap the home button

Release 1

• Google login
  • Users can login/logout of the application using their Google accounts
• Created basic structure of where components will be located and added routing to them.

Release 2

• Login button does not work on mobile.
  • If not logged in, the user should be presented with a login option and that's it.
• Contact Cards:
  • Company website + logo
  • phone number
  • image
• Watermark logo for the main page
• Navbar should hide when in collapsed mode
  • Links should be stacked

Release 3

• User Profile retrieving database user information and populating it into editable form.
• If a user is logging in the for first time, a database entry will be created for them automatically once they click on the 'Profile' link.

TO DO:

• style cards better

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

Kevin Heleodoro - @Golden_Sun_Kev - [email protected]

Project Link: https://github.khoury.northeastern.edu/NEU-CS5610-SU23/NetDex-frontend

(back to top)

Acknowledgments

• README badges
• Memory Router

(back to top)