An open API service indexing awesome lists of open source software.

https://github.com/stanleyy7/dashboard

Inspired by a recent hackathon project I participated in. This is an extension of that project.
https://github.com/stanleyy7/dashboard

Last synced: 2 months ago
JSON representation

Inspired by a recent hackathon project I participated in. This is an extension of that project.

Awesome Lists containing this project

README

        

# Dashboard Project

Inspired by a recent hackathon project I participated in. This is an extension of that project.

Link: https://6458decfe6b8522c5455a1f4--tangerine-mousse-5eae8a.netlify.app/

![image](https://user-images.githubusercontent.com/119549394/236812492-5cb5bc86-bce7-4bea-a091-93f4f7293583.png)

### Overview/Purpose

The main purpose of this project was to see if I could complete a recent hackathon project I participated in by myself (entirely from scratch within the same time constraints i.e. 3 hours). I was unable to complete it all within 3 hours. However I did get a majority of the original Hackathon MVP done within 3 hours (consisting of general scss/css, logic for codewars fetching, logic for github fetching and displaying this information using Context API for state handling). Now I work on this project to improve it and "complete" it, so it features testing, is responsive and contains error-handling for usernames being passed in (i.e. if codewars data does not exist for username entered it displays something else, likewise with github data).

Design

General design below, modified as not needing links and other card types in actual version.

![image](https://user-images.githubusercontent.com/119549394/234543737-8dbb7374-4d51-4be2-aca4-b23076157fe6.png)

Features

- Fetching and displaying data from Github and Codewars API with appropriate error-handling.
- Responsiveness
- Testing

Tech Stack

- TypeScript
- React
- Cypress