My personal website

This is my personal website, to display my profile and contact information, as well as testing new technologies.

Running the project

1. Install npm locally on your machine
2. Install the dependencies

npm install

3. Run the development server:

npm run dev

2. Open http://localhost:3000 with your browser to see the result.

Running the tests

Unit tests with Jest

Run all tests:

npm run test

Run all tests in watch mode:

npm run test:watch

E2E tests with Playwright

Install Playwright locally on you machine:

npx playwright install

Run with UI mode enabled:

npm run test:e2e

Run all tests in CI mode:

npm run test:e2e:ci

To see the tests results in your browser:

npm run report:e2e

Features

🌎 Internationalization (i18n) Routing

Using native resources from Next.js the website is available in multiple languages!

Examples:

• To view the website in Portuguese, just visit https://thebinaryfelix.vercel.app/pt
• To view it in English, go to: https://thebinaryfelix.vercel.app/en

Supported languages:

• 🇺🇸 English: /en
• 🇧🇷 Portuguese: /pt
• 🇪🇸 Spanish: /es

Want to contribute by adding a new language? Follow the steps below:

1. Fork the repository
2. Go to src/dictionaries
3. Copy one of the JSON files and translate the values (by yourself or using ChatGPT)
4. Create a new file inside src/dictionaries using the base UTS Locale Identifiers. i.e.: For Portuguese would just be pt.json, no need for pt-BR or pt-PT
5. Go to src/i18n-config.ts and add the new language to the i18n.locales array
6. Import the new file in src/getDictionary.ts
7. Update the languages array inside the LanguageSelector.tsx component to allow the new language to be selected by the user
8. Open a pull request with the new file

🤖 Technologies

Package management

• npm

Frameworks

• Next.js
• Tailwind CSS

Testing

• Unit testing: Jest + Testing Library
• E2E testing: Playwright

Monitoring

• Google Analytics with @next/third-parties