Sick Trick Wish List

Document Contains:

  • Overview
  • Goals
  • Project Features
  • Database Organization
  • UX / UI Ideas
  • Ambitions

Overview

About this project

Sick Trick Wish List is a skateboarding progression app designed to help skaters track, plan, and share their journey of mastering various skateboarding tricks.

This app is being created as a passion project to merge the love for skateboarding with technology, providing a digital platform to enhance the physical experience of the sport.

About the team

  • Scott Ertmer, skateboard enthusiast and developer 🛹💻

Goals

Learning Goals

  • Master Next.js and its server-side rendering capabilities for SEO benefits
  • Implement user authentication and database management with NextAuth.js and MongoDB
  • Explore modern UX/UI design principles tailored to the skateboarding culture
  • Develop a responsive, intuitive app that serves as a practical tool for skateboarders
  • Implement TypeScript for early error detection, and improved code maintainability

Metrics

Success will be measured by the app's ability to engage users, the completion of the MVP with core functionalities, and feedback from the skateboarding community on its utility and user experience.

Project Features

MVP

  • User authentication: sign up, log in, log out
  • Trick library: view a comprehensive list of skateboarding tricks
  • Add trick: users can select tricks to work on, choosing stance and obstacles
  • My tricks: users can view their list of current and mastered tricks
  • Tutorial links: users can add and view tutorial links for each trick
  • Progress tracking: users can mark tricks as learned and track their progression

General

  • Mobile-first responsive design to ensure accessibility on the go
  • Community features for sharing progress and tips

Front End Specific

  • Next.js for frontend framework, ensuring fast load times and SEO friendliness
  • Tailwind CSS for styling, focusing on responsive design and usability

Back End Specific

  • PostGreSQL for a flexible, scalable database solution
  • NextAuth.js for secure and easy user authentication

Database Organization

Diagram

Relationships

  • TBD

Behavior

  • CRUD operations for user trick lists
  • Query optimizations for fast retrieval of tricks and tutorials

UX / UI Ideas

  • Skateboarding-themed design with a focus on minimalism and usability
  • Interactive elements like progress bars and draggable lists for trick prioritization
  • Dark mode option to reduce eye strain and appeal to aesthetic preferences

Ambitions

Future Iterations

  • Integration of a community forum or board for users to share experiences and tips
  • Event and competition listings to encourage community engagement and real-world meetups
  • Advanced progress tracking with video uploads and peer feedback

Scale and Deployment

  • Consider deployment on Vercel for optimized Next.js hosting
  • Plan for scalability with database and serverless functions to accommodate growing user base