"Jah pod sextar?" is a fun web application that humorously determines whether it's time to start celebrating the weekend. The idea came up during a casual joke with my coworkers, where we would often ask each other "Jรก pode sextar?" every Friday to see if the weekend mood was officially allowed to begin. This app brings that fun tradition to life!
In Brazilian culture, "sextar" is derived from "sexta-feira" (Friday) and is widely used to express excitement for the weekend. People often say "hoje รฉ dia de sextar!" when they're ready to finish work or studies and start unwinding. Essentially, "sextar" means to begin enjoying Friday โ whether by relaxing, going out, or just getting into the weekend vibe.
In the United States, a similar phrase would be "It's finally Friday!" or "TGIF" (Thank God It's Friday). While "TGIF" focuses on relief from the workweek, "sextar" is more about actively celebrating the arrival of Friday.
- The app checks the current day and time.
- It fetches predefined responses stored in a JSON file.
- Depending on the day and time, it delivers a playful message.
- If itโs Friday after noon, the app confirms that itโs time to โsextar!โ with a festive message. ๐
- If it's not quite time, the app will show a funny or slightly disappointing reply. ๐
- Frontend: React + Vite + TypeScript
- Styling: Tailwind CSS
To run the project locally, follow these steps:
Click on the "Fork" button at the top right of this repository to create your own copy.
git clone https://github.com/your-username/jah-pod-sextar.git
cd jah-pod-sextarnpm installnpm run startThis project started as a fun inside joke, and weโre excited to keep it growing! If you have ideas for new responses, animations, or features, feel free to open an issue or submit a pull request on GitHub. Letโs make this project even more entertaining together! ๐
1. Fork the repository by clicking on the "Fork" button at the top right of this repository to create your own copy
git clone https://github.com/your-username/jah-pod-sextar.git
cd jah-pod-sextargit checkout -b feat/your-feature-name stagegit add .
git commit -m '<type>: <message>'git push origin feat/your-feature-nameAdding new themes to the project is simple and straightforward. Just follow these steps:
- Open
src/themes/themes.cssfile - Create a new class following the naming convention
theme--<theme-name>with the desired colors. For example, if your theme is called "Pop Filter", you would add:
.theme--pop-filter {
--color-text: #ffffff; /* Changes main text color */
--color-footer: #ffffff; /* Changes footer text color */
--color-hover: #ffffff; /* Changes footer hover color */
--color-bg: #ffffff; /* Changes background color */
}- Open
src/themes/availableThemes.tsfile - Add the new theme name to the
availableThemesarray. For example, for the "Pop Filter" theme, you would add:
const availableThemes: string[] = [
'Dark',
'Light',
'Pop Filter', // Add your new theme here
// other themes...
]- After following the above steps, your new theme should appear in the dropdown menu and be selectable.
Notice that theme names with more than 15 characters will be truncated when shown inside the themes dropdown menu
Stay tuned for more updates and fun features! Until then... is it time to "sextar"? ๐ค