Chingu Demographics

Deployed

https://chingudemographics-team38.netlify.app/

Overview

Chingu Demographics is a user friendly application that allows Chingus and Chingu management to view non-identifying information about Chingus. Visitors are able to see data such as date the Chingu applied, year joined, gender, country of origin, role type, role, voyage tier, and the most recent voyage attended. The data shows unknown for missing data. Visitors are also able to view a map that has pins corresponding to the countries Chingus are from. The header contains the current date, and the team members and links are provided in the footer.

Features

Landing Page: A visually appealing home page that describes the purpse of Chingu Demographics and links to list view and map view.

List View: Chingu Demographics displays Chingu data in a table. Clicking on table headers sort the data accordingly. The table has pagination and is responsive on mobile and tablet.

Map View: Using Leaflet, Chingu Demopgraphics displays Chingu data on an interactive map. Pins are associated with countries Chingus are from. Pins contain basic demographic information such as gender, role type, and voyage role.

Search Functionality: Users may use the search bar above the table to find keywords they are looking for.

Filter Functionality: Users may filter map data by gender, country, role, role type, and current voyage.

Header: A visually appealing header that displays the title of the application and current date.

Footer: A visually appealing footer that contains link to GitHub repository and team member information.

Tech Stack

React

Typescript

Tailwind CSS

Node

Netlify

Getting Started

Clone the project

git clone https://github.com/chingu-voyages/V58-tier3-team-38

Navigate to the project folder

cd V58-tier3-team-38

cd vite-project

Install dependencies

npm install

Run the project locally

To run the project locally you must run the backend and frontend together.

To run the Backend:

cd vite-project

cd backend

npm install

npm run build

npm start

Open browser

http://localhost:4000/

To run the Frontend:

cd vite-project

npm install

npm run dev

Open browser

http://localhost:5173/

Our Team

• Alex Thomas (Scrum Master): GitHub / LinkedIn
• Yangchen Dema (Shadow Scrum Master): GitHub
• Drame Mohamed (Developer): GitHub
• Matthew Neie (Developer): GitHub / LinkedIn