Description
The goal is just to add as many countries as possible to the list
Guidelines
-
Make sure that the country you want to add does not already exist, check in:
/helpers/countries.ts -
If it does not exist, the first thing is to add it to the table
countriespresent in/helpers/countries.ts.
The modified file should look like this :
import type Country from "@/interfaces/country.interface";
import { cmData } from "@/data/cmData";
...
import { [code]Data } from "@/data/[code]Data";
const countries: Country[] = [
...,
{
name: "Your Country ",
code: "Code of your country",
numberCode: "Numero code of your country",
flag: "/assets/images/[code]/flag.png",
portfolios: [code]Data
},
];
export default countries.sort((a, b) => a.name.localeCompare(b.name))-
Go to
/public/assets/imagesand create a folder that will have the country code name, for example : if the country is Cameroon you will have to create acmfolder if it is Italy it will beit -
In the folder you just created you must add the flag of your country, it must have for extension a
.pngand it must be calledflagso basicallyflag.png -
In the same file, you must create a
card-portfolio.pngfile that will represent the country card. To do this, you must go to this figma file to generate the card in question. If you have trouble creating the card on figma, leave me a message on twitter ( By sending me the message, be explicit and tell me which country you want to add and I will create the corresponding card, then I will send you )
To modify the figma you must duplicate it in your draft before doing so
-
Go to
/dataand create a[codeCountry]Data.ts. For example, if the country is France you will have to create afrData.tsfile, if it is the allenagne it will bedeData.ts -
In this file write this :
import type CountryData from "@/interfaces/countryData.interface";
const [codeCountry]Data: CountryData[] = [];
export {[codeCountry]Data};An example if you add Germany will be :
import type CountryData from "@/interfaces/countryData.interface";
const deData: CountryData[] = [];
export {deData};If you want to take the opportunity to add a portfolio to the list, I suggest you follow these instructions : follow this guide.
- It’s over! You can push and submit your pull request