amargopastor / chartJS

📶 A frontend project about graph visualization

ChartJS {

Table of Contents

1. Technologies
2. Libraries
3. About
4. Set Up
5. Commands Availables
6. Project tree
7. Honorable mentions

Technologies

• NodeJS
• React
• Nextjs
• Typescript

Libraries

• Chartjs
• Chartjs-plugin-datalabels
• Eslint
• Mui
• Styled-components
• React-hook-form

About

A small project that shows population data by region and gender in Catalonia.

Set Up

To download and start the project you need to run the following commands:

# Clone the project into your local pc
git clone https://github.com/amargopastor/chartJS.git

# Move into it
cd chartJS

# Install all the necessary dependencies (you can check them in the package.json)
yarn install

Commands Availables

Once you've set up the project you're ready to run develop app. Here there are different options:

# Start the project in dev mode (runs typescript files)
yarn run dev

Project tree

chartJS
├─ .gitignore
├─ LICENSE
├─ README.md
├─ components
│  ├─ CountiesChart.tsx
│  ├─ CountiesForm.tsx
│  ├─ Menu.tsx
│  ├─ Option.tsx
│  └─ SubmitButton.tsx
├─ lib
│  ├─ api.ts
│  └─ useContext.tsx
├─ next-env.d.ts
├─ next.config.js
├─ package.json
├─ pages
│  ├─ _app.tsx
│  ├─ female.tsx
│  ├─ index.tsx
│  └─ male.tsx
├─ public
│  └─ readme_img.png
├─ style
│  └─ theme.congif.ts
├─ tsconfig.json
├─ types
│  ├─ countie.d.ts
│  └─ dataContext.d.ts
├─ utils
│  └─ location.pathname.ts
└─ yarn.lock

Honorable mentions

🍍

⬆ back to top