DEV Community

Cover image for SkillSphere: A platform with 10 apps for well-being and productivity.
ANIRUDDHA  ADAK
ANIRUDDHA ADAK Subscriber

Posted on

1 1

SkillSphere: A platform with 10 apps for well-being and productivity.

This is a submission for the GitHub Copilot Challenge : New Beginnings

What I Built

SkillSphere is a comprehensive web platform designed to empower users with various tools and resources to enhance their daily lives.

It offers ten innovative applications, all accessible from a single domain, to promote well-being, productivity, and community engagement.

Main Function Points

Habit Tracker:

Habit Tracker

Interactive tool to build and maintain productive habits, track progress, and receive personalized suggestions.

Mood-Based Recipe Recommender:

Mood-Based Recipe Recommender

Discover delightful recipes based on your mood and available ingredients.

Sustainable Product Comparison:

Sustainable Product Comparison

Analyze the environmental impact of your choices and discover greener alternatives.

Personalized Skill Builder:

Personalized Skill Builder

Engage with interactive quizzes, unlock achievements, and track your progress towards mastery.

Virtual Body Language Coach:

Virtual Body Language Coach

Enhance your public speaking skills with real-time body language analysis and feedback.

Crowdsourced Travel Recommendations:

Crowdsourced Travel Recommendations

Explore hidden gems in your travel destinations through community-curated suggestions.

Neighborhood Micro-Task Exchange:

Neighborhood Micro-Task Exchange

Connect with your local community by borrowing items or exchanging favors.

Wellness Companion:

Wellness Companion

Access daily routines, mindfulness activities, and health recommendations tailored to your personal well-being.

AR Workspace Planner:

AR Workspace Planner

Design your perfect workspace using augmented reality tools to boost your remote work efficiency.

Live Skill Exchange Network:

Live Skill Exchange Network

Connect with others to share skills and knowledge in real-time.

Technology Stack

The project uses the following technology stack:

  1. JavaScript
  2. CSS
  3. HTML
  4. TypeScript
  5. ReactJS
  6. NextJS
  7. Tailwind CSS
  8. Framer Motion
  9. React Icons
  10. Lucide Icons

Demo

https://skilsphere.vercel.app

Repo

https://github.com/aniruddhaadak80/SkillSphere

Copilot Experience

GitHub Copilot played a crucial role in this project by assisting with:

  • Prompt Suggestions: Rapidly generating functional code for key features across all ten applications.
  • Edits and Autocomplete: Streamlining code structure and improving development speed.
  • Model Switching: Utilizing GitHub Models for prototyping LLM-based capabilities like the Mood-Based Recipe Recommender and Virtual Body Language Coach.

GitHub Models

GitHub Models were leveraged to prototype and implement AI-driven capabilities for applications like the Virtual Body Language Coach and Wellness Companion. This allowed us to integrate real-time feedback and personalized recommendations seamlessly.


Conclusion

SkillSphere embodies innovation and integration, streamlining multiple lifestyle tools into a unified platform. GitHub Copilot's AI-driven support accelerated development and fostered creativity, making it a critical partner throughout the project.

Thanks for reading.

API Trace View

How I Cut 22.3 Seconds Off an API Call with Sentry đź•’

Struggling with slow API calls? Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs