kingebere / Bitmama-test

Github oauth nodejs to retrieve user information

Home Page:https://bitmama-test.vercel.app/login

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Changera Assessment

This is a job interview for Changera .

My Github Account 👈

Getting started

Github User App

Web app built with React, Node.js, and Express for getting and filtering a Github User repository data with user authentication using Github OAuth

Environment Variables Setup:

To run this project, you will need to create .env file in root directory and server directory and add the following environment variables to your .env file

.env in server directory

GITHUB_APP_CLIENT_SECRET = YOUR_GITHUB_APP_CLIENT_SECRET GITHUB_APP_CLIENT_ID = YOUR_GITHUB_APP_CLIENT_ID

.env in root directory inside root directory

REACT_APP_CLIENT_ID = YOUR_GITHUB_APP_CLIENT_ID REACT_APP_REDIRECT_URI = https://localhost:3000 REACT_APP_LOCAL_LINK = http://localhost:5000

Run Locally

Clone the project

  git clone

Go to the project directory Install dependencies for both client and server side to start the app

  cd server
  npm i && npm start

  for root directory (client)
  npm i && npm start
  navigate to localhost:3000/login as the start point of this application

Built with

  • [React]
  • Redux
  • Nodejs

Issues encountered

  • Missing Starred Repositories numbers and repository language color in the API
  • Updated date from repository was in ISOstring

Solution

  • Added static value for starred repositories
  • Converted to milliseconds and then to days

Deployment

About

Github oauth nodejs to retrieve user information

https://bitmama-test.vercel.app/login


Languages

Language:JavaScript 70.8%Language:CSS 24.5%Language:HTML 4.7%