frontendship / frontendship-website

Frontendship nedir?

Frontendship, frontend ve friendship kelimelerinin birleşimlerinden ortaya çıkmıştır.

Burada kod arkadaşınızı, mentorunuzu, yeni proje fikirlerinizi, menteenizi, ortak ilgi alanındaki kişilere ulaşarak network ağınızı genişletebilir ve işinizi bulabilirsiniz.

Yazılım topluluğuna sağlamak istediği fayda nedir? Bunu nasıl yapacak?

Frontend alanında sıfırdan ileri seviyelere kadar sektöre katkı sağlayacak içerikler üretmek ve topluluğa destek sağlamak istiyoruz.

• Her seviyeden npm paketleri geliştirerek frontendship topluluğundaki herkesi GitHub ve açık kaynak contribution yapmaya teşvik etmek ve referans gösterebilecekleri işler yapmalarına vesile olmak.
• Git kullanmak, ekip çalışması yapabilmek, ekosistemde yaygın olarak kullanılan toolların kullanımını ve amaçlarını aktararak da alanda yeni kişileri ilk iş deneyimlerine hazırlamak ve gerçek iş deneyimine çok yakın bir geliştirme ortamı oluşturmak.
• Sorular sorabilmek veya soruları cevaplayarak herkesin seviyesini tespit etmesini ve geliştirmesini sağlamak amaçlı yardımlaşmak.
• Yüzyüze ve online eventler düzenlemek ve farklı topluluklar ile etkileşime geçmeye çalışmak.
• Frontendship üzerinde Frontend ekosistemine dair kategorize edilmiş bir kaynak listesi tutmak ve blog yazıları, video konu anlatımları, workshoplar gibi içerikler ile kaynak listesine katkı sağlamak.
• Topluluk üyelerinden CV ve GitHub profili hakkında feedback almak.

Nasıl katılabilir ve katkı sağlayabilirsiniz?

Discord sunucusuna aşağıdaki linkten katılabilirsiniz. Topluluğun sosyal medya hesaplarını takip ederek bizimle iletişime geçebilir ve günlük shiplerinizi alabilirsiniz. Frontendship'in bir parçası olarak değer katmaya başlayabilirsin.

Discord | Twitter | YouTube

frontendship-website's Issues

Quote Section

Avatar Component

FAQ Section

Features Section

Footer Component

Blog Page

Carousel Component

Husky Integration

Team Member Card

Add Tech. Svg Illustrations

Implement Blog Reading Time feature

Input Component

UI Tests

We can use Cypress or Playwright.

Implement MDX for blog posts

Deploy App to Vercel

hook: dev html event listener hook

We need to develop a hook to listen for html events.

For example, we can listen to the scroll event. Since we are listening, it should be automatically unlisten when the component is unmounted. We need a hook that does this.

Example usage:

const MyComponent = () => {
   useEventListener("scroll", () => {
      console.log('app scrolled!')
   })
}

Abstract view:

useEventListener<E>(event: string, listener: Listener, options?: Options)

Add next/font for Optimized Fonts

All Blog Posts Section

Badge Component

project: add suitable workflows for pr, issue and code

I think we should do the following to develop the project in a more standard way.

• We should develop on development branch
• eslint should be controlled not only with pre-commit but also with ci workflow. In some cases, pre-commit can be skipped.
• we should write test
• we need to add a workflow stage that controls the tests

Open to other ideas.

Blog Card Component

Header Component

Button Component

config: add/develop an animation library

I think we need animation for some operations.

For example, we use something like the following too many times:

{condition && <Element/>}

This leads to lightning-fast movements and is not pleasing to the eye.

Project Setup

Add next/seo for dynamic meta attr and SEO

Implement Code Highlighting for code blocks

Add React Feather Icon Lib. for Svg Icons

Add Svg assets to project

Social Share Button

Hero Section

Create Error Page

Eslint and Prettier Implementation

Recent Blog Posts Section

Accordion Component

Metrics Section

Tailwind CSS Implementation and Configurations

Pagination Component

Team Page

Move all projects folders under src - except config files

We should move all project-related files to the src folder. This change is going to be helpful at the future. Do not move the configuration files. They must exist in the root folder.

Svgr Configurations