Team Riff Raffss present Coach Me Code

Code smarter, not harder, with Coach Me Code!

Coach Me Code is a mentoring web-app which allows users to purchase coding coaches, as well as to post their own listings. It can be incredibly difficult for hobbyist coders to find mentors outside of an educational curriculum, while trying to avoid the stack overflow infinite scroll. Coach me Code allows users to code smarter, not harder.

Coach me Code Demo Video | Northcoders Project Presentations

Coach me Code Demo Video | Northcoders Project Presentations

Team Riff Raffss

Reese WrightPreview: Reese Wright

Reese Wright

Samira BegumPreview: Samira Begum

Samira Begum

Faisal AhmedPreview: Faisal Ahmed

Faisal Ahmed

Stacey WhitePreview: Stacey White

Stacey White

Yuk Fat HoPreview: Yuk Fat Ho

Yuk Fat Ho

Tech Stack

We used: NextJS 13 App router and API routes with TypeScript, TailwindCSS, MongoDB, Clerk.

I (Reese) have watched a lot of videos on the current state of frameworks and technology, noticing that React is moving towards server components and SSR with Vercel/NextJS. Evidenced by create-next-app being the recommended way to start a React project in their new development documentation. Tailwind has always been a must-have due to its widespread adoption and ease of use, so this project provided us with a great opportunity to learn it. We were considering MongoDB and Firebase as options for a NoSQL database, but after spiking out MongoDB first, we decided to stick with it. Clerk made implementing user authentication a breeze, and the front-end components it provided were production-ready, making it easy to use throughout the project.

Some Problems we encountered:
Starting a new project with unfamiliar technologies can be challenging. It can be difficult to get everyone on the same page when it comes to understanding how different components of the tech stack work, especially when you are still figuring it out yourself. This can lead to misunderstandings and slow down initial production. However, as we got past the initial learning curve of the App router and properly created API endpoints, the team was able to collaborate more effectively and make steady progress on the project.

Tech StackPreview: Tech Stack

FAQ

  • Q: Should I use this tech stack?

    A: If you want to build a web app that's both Tailwind and Clerk-proof, with Next-level rendering and MongoDB muscle, then this is the stack for you!