project-screen-shoot

FinTrack - የቴሌግራም ሚኒ አፕ

FinTrack ፡ የቴሌግራም ሚኒ አፕ ሲሆን ተጠቃሚዎች ከቴሌግራም ሳይወጡ ወጪያቸዉን፣ ገቢያቸውና በጀታቸውን በቀላሉ እንዲከታተሉና እንዲያስተዳድሩ ያስችላል። ይህ አፕሊኬሽን ላጠቃቀም ቀላል፣ ላይን ሳቢ፣ እራሱን ከተጠቃሚዎች የከለር ምርጫ ጋር እንዲያዛምድ አንዲሁም የመረጃዎችን ማጠቃለያ በቻርት እንዲያሳይ ተደርጎ ዲዛይን ተደርጓል።

Key Features: የዳሽቦርድ ማሳያ, ወጪ ገቢ መከታተል, በጀት ማስተዳደር, የመረጃ ትንተና, ከቴሌግራም ሳይወጡ መጠቀም, ሞባይል ስልክን ታሳቢ ያደረገ ዲዛይን

TypeScriptReactReact-RouterTailwindCSSShadcn/uiZod & RHFFirebaseTWA SDKNetlify
project-screen-shoot

DevFriend - ለሶፍትዌር ዴቨሎፐሮች

DevFriend ፡ ሶፍትዌእር ዲቨሎችን ምርታማነታችው እንዲጨምር የሚያግዝ ሲሆን ፕሮጀክቶችን፣ የስራ ማመልከቻችውን ሁኔታ እንዲሁም ጠቃሚ ኢቨንቶችን እንዲከታተሉና እንዲያስተዳድሩ ይርዳል። በዚህም ሁሉንም ነገር በአንድ ቦታ በማካተት ትኩረታቸው እንዲጨምር ያደርጋል።

Key Features: ፕሮጀክትና የስራ ማመልከቻዎችን መከታተል, ዝግጅቶችን ማቀድ, ደህንነቱ በተጠበቀ መልኩ የራስን መረጃ ማስተዳደር, ለዐይን ሳቢና ላጠቃቀም ቀላል ዲዛይን

TypeScriptNext.jsBetter-AuthTailwindCSSShadcn/uiDrizzlePostgresNeonVercel
project-screen-shoot

Classice Men's - ለፋሽን ወዳጆች

ለወንዶች የፋሽን አልባሳት መሸጫ ሱቅ የተለያዩ ዘመናዊ ቴክኖሎጂዎችን በመጠቀም የተሠራ የተሙዋላና ብዙ ገጽታዎች ያሉት የኤሌክትሮኒክ መገበያያ ዌብሳይት። ጥቅም ላይ የዋሉት ቴክኖሎጂዎች Next.js, Typescript, TailwindCSS, Shadcn-ui, Farmer-Motion, Zustand, Better-Auth, Prisma, and PostgreSQL ሲሆኑ ለምስሎች vercel blob store እና ለዳታቤዝ Neon በመጠቀም Vercel ላይ ሆስት ተደርግዋል።

Key Features: የምርቶች ዝርዝር እንዲሁም የምርት ማብራሪያ ግጽ፣ ምርቶችን ወደ ቅርጫት መጫንና ማስተዳደር፣ የብሃንና የምሽት አማራጭ፣ ለዌብሳይት አስተዳዳሪዎች የምርቶችን መረጃ የማስተዳደሪያ ገጽ።

TypeScriptNext.jsBetter-AuthShadcn/uiTailwindcssZustandPrismaPostgreSQLBlob StorageNeonVercel
project-screen-shoot

ServiceAd - አገልግሎትዎን ያስተዋዉቁ የሌሎችንም ያግኙ

ይህ ዌብሳይት ተጠቃሚዎች ያላቸውን ቢዝነስ ወይም የሚሰጡትን አገልግሎት የሚያስተዋዉቁበት ሲሆን እንዲሁም በአከባቢያቸዉ የሚገኙ አገልግሎቶችን በቀላሉ እንዲያገኙ ያስችላል። ጥቅም ላይ የዋሉት ቴክኖሎጂዎች Next.js, Tailwind CSS, Next-Auth, MongoDB, and mongoose ሲሆኑ Vercel ላይ ሆስት ተደርገዋል።

Key Features: የአገልግሎቶች እና ቢዝነሶች ዝርዝር እንዲሁም የምርት ማብራሪያ ግጽ፣ የአገልግሎትና ቢዝንስ ማስገቢያና ማስተዳደሪያ ግጽ፣ እና ሌሎችም ገጽታዎች።

Next.jsTailwindCSSNext-AuthMongoDBMongooseMongodb-AtlasVercel
project-screen-shoot

NewFormHome - የፈርኒቸር ካምፓኒ

ይህ የተሟላ ዌብሳይት የተሠራው ኒውፎርምሆም ለተባለ የፈርኒቸር አምራች ድርጅት ሲሆን በጥሩ ሁኔታ ስለድርጅቱና ስለምርቶቹ በቂ መረጃ ይሰጣል እንዲሁም ደንበኞች የምርቶችን ዝርዝር በማየትና የሚፈልጉትን በመምረጥ ማዘዝ እንዲችሉ ያደርጋል። ስለድርጅቱ በቂ መረጃ ከመስጠቱና ደንበኞችን ኦንላይን እንዲያዙ ከማስቻሉ በተጨማሪ ድርጅቱ ለደንበኞች ጠቃሚ ጽሁፎችን እንዲያጋራ ያግዛል።

Key Features: ከተጠቃሚዎች ስክሪን ጋር የተላመደ ዲዛይን, የምርቶች ማሳያ, መረጃ ማጋራት ማስቻል, SEO Optimzation

TypeScriptNext.jsTailwindShadcn/uiv0StrapiCMSCloudinaryVercelRender
project-screen-shoot

Support Ticketing System - Interanl tool

ለድርጅቶች ለውስጥ አገልግሎት የሚሆን ሰራተኞች ቴክኒካዊ ችግር ሲያጋጥማቸው ለድጋፍ ቡድን መረጃ የሚሰጡበት እንዲሁም የድጋፍ ሰጪ ቡድኑ የድጋፍ መረጃዎችን የሚያስተዳድሩበት ፕላትፎርም።

Key Features: Signup/Login, የድጋፍ ትኬት መሙላት, የድጋፍ ትኬቶችን ማስተዳደር, የተሟላ ዲዛይን

TypeScriptReactReact-RouterContextAPITailwindMongodbMongooseExpress.jsJWTMongodb-AtlasVercelRenderVitest & RTL
project-screen-shoot

Portfolio Next - የግል ዌብሳይት

ዘመናዊ፣ ላይን ሳቢ፣ ላጠቃቀም ቀላል እንዲሁም ከተጠቃሚዎች ስክሪን ጋር እራሱን እንዲያስተካክል ተደርጎ ዲዛይን የተደረገ የግል ክህሎትን እና ስራዎችን ማሳያና ማስተዋወቂያ ዌብሳይት።

Key Features: የከህሎት ማሳያ, የስራዎች ማሳያና ዝርዝር, ሳቢና Responsive ዲዛይን

TypeScriptNext.jsTailwindShadcn/uiNetlify
project-screen-shoot

QuantumBit - የቴክኖሎጂ ተቋም

ለQuantumBit የቴክኖሎጂ ተቋም የተሠራ የተሙዋላና ለዐይን ሳቢ የሆነ ዌብሳይት። Astro, React, እና TailwindCSS በመጠቀም የተሠራ ሲሆን cloudflare ላይ ሆስት ተደርግዋል።

Key Features: የተምውላና ለዐይን ሳቢ የሆነ የፊት ገጽ፣ የመመዝገቢያ ፎርም፣ የብሎግ ገጽ እና ሌሎችም።

AstroReactTailwindFramer-MotionMarkdownNetlify
project-screen-shoot

ChessGame - Progressive Web App

ተጠቃሚዎችን ከAI ወይም ክጉዋደኛቸዉ ጋር እንዲጫወቱ የሚያስችል የቼዘ ጨዋታ ዌብ አፕልኬሽን። React, Tailwind CSS and integrated it with an AI chess engine Stockfish በመጠቀም የተሠራ እና Render ላይ ሆስት የተደረገ።

Key Features: የመጫወቻ ቦርዱን ገጽታ መቀያየር ማስቻል፣ የአስቸጋሪነት ደረጃ እንዲሁም ተጫዋችን መምረጥ ማስቻል እና ሌሎችም።

ReactContextAPITailwindStockfishVercelRender
project-screen-shoot

Cool Market - የኦንላይን መገበያያ

Next.js, Tailwind CSS, እና Laravel በመጠቀም የተሠራ የኤሌክትሮኒክ መገበያያ ዌብሳይት።

Key Features: የምርቶች ዝርዝር እንዲሁም የምርት ማብራሪያ ግጽ፣ ምርቶችን ወደ ቅርጫት መጫንና ማስተዳደር፣ የብሃንና የምሽት አማራጭ፣ ለዌብሳይት አስተዳዳሪዎች የምርቶችን መረጃ የማስተዳደሪያ ገጽ።

Next.jsTailwindLaravelSanctum
project-screen-shoot

Portfolio Website -

የሥራዎች የክሀሎትና የሰርተፊኬቶች ማሳያ ድሀረገጽ Vue.Js, Vue-Router, እና TailwindCSS በመጠቀም የተሠራ እንዲሁም Netlify ላይ ሆስት የተደረገ።

Key Features: Responsive, SPA

Vue.jsVue-RouterTailwindCSSNetlify
project-screen-shoot

EventUpdater - የኢቨንት መለዋወጫ አፕልኬሽን

የሚደረጉ ዝግጅቶችን ማጋራት የሚያስችል ዌብ አፕልኬሽን። React, Material UI, Express.js, MongoDB በመጠቀም የተሠራ እና Render ላይ ሆስት የተደረገ።

Key Features:

ReactReact-RouterMUIExpress.jsMongoDBMongooseRender