Janjiraga

Short Explanation

Janjiraga is social platform designed to bring together sports enthusiasts who share the same passion. Janjiraga helps you find and connect with like-minded individuals in your area to play together, train, and stay active.

Some features including:

• 🔎 Discover events
• 🔐 User authentication
• ✏️ Create events
• 🚀 Join events

Project Goals

Our goal is to encourage people to stay active by making it easy to find and join local sports events, no matter your skill level. We want to help you meet new friends who share your passion for sports and give you the tools to organize your own events. By bringing people together, we hope to make sports more enjoyable and accessible for everyone.

Links

• Janjiraga Website
• Janjiraga API Swagger
• Repository
• UI Design

Tech Stack Used

Backend

• Hono
• Typescript
• Prisma ORM
• PostgreSQL
• Render
• Neon

Frontend

• Typescript
• Vite
• React
• Tailwind
• Shadcn/ui
• React Hook Form
• Zod
• Mapbox

Video Demo

Lessons Learned

As a team leader

Leading a team of beginner developers in this web application project has been a rewarding journey. Here are some important lessons we picked up along the way:

• Guidance and Support: Guiding and supporting the beginner developers was crucial. Helping them with tricky tasks and giving positive feedback not only improved their skills but also built their confidence.
• Managing Time Well: Balancing deadlines with the learning pace of beginner developers required good time management. Prioritizing tasks and setting achievable goals kept the project moving forward and ensured we met our deadlines.
• Always Learning: Balancing deadlines with the learning pace of beginner developers required good time management. Prioritizing tasks and setting achievable goals kept the project moving forward and ensured we met our deadlines.

Using Mapbox

During the development of this project, we implemented a feature to display venue maps. This was my first experience using Mapbox, and it proved to be an enlightening journey.

One key takeaway was the ease of use Mapbox offers compared to other mapping solutions, such as the Google Maps API. Its intuitive interface and comprehensive documentation streamlined the integration process, facilitating a smoother development experience.

Attribution

• Budi Indra Gunawan: Team leader, Design, Fullstack
• Henhen Imam Muldani: Backend
• Maruf Hasan: Frontend