100 Coding projects / ideas /
products - 30DaysCoding.com
Table of contents:
How to find project ideas??
Project templates / links / resources / guides
Follow indie hackers and product builders
Ideas that you can turn into products!
Make projects with chat GPT - prompts
Find a niche / sector / area to build projects
Build tech heavy projects
10 Full stack detailed project ideas
All courses - https://courses.30dayscoding.com/
Connect with me - https://www.instagram.com/singh.aryan.45/
How to find project ideas??
1. Y combinator
2. product hunt
3. app sumo
4. github topics
5. Twitter
6. Linkedin (maybe)
7. Templates
8. Indie hackers
Join my live streams to learn more -
https://www.youtube.com/@singh1aryan
Project templates / links / resources / guides
Landing page templates
● https://www.tailwindawesome.com/?price=free&type=template
● https://web3templates.com/
● https://themewagon.com/theme-framework/tailwind-css/
Next JS templates
● https://vercel.com/templates
● https://www.creative-tim.com/templates/nextjs
● https://statichunt.com/nextjs-templates
Blockchain projects
● Thirdweb templates: https://thirdweb.com/templates
● Blockchain course -
https://courses.30dayscoding.com/courses/Blockchain-developer-cou
rse-64eec408e4b002b964b568be
Github repositories
● https://github.com/singh1aryan/firebase-everything
● https://github.com/singh1aryan/nextjs-prisma-sql
● https://github.com/singh1aryan/pinecone-vercel-ai
● https://github.com/singh1aryan/NextJS-NestJS-GraphQL-Starter
https://github.com/singh1aryan/api-saas-project
● https://github.com/singh1aryan/subscription-starter
● https://github.com/singh1aryan/taxonomy
Supabase projects
● https://supabase.com/docs/guides/functions/cors
● Discord bot -
https://supabase.com/docs/guides/functions/examples/discord
-bot
● Telegram bot -
https://supabase.com/docs/guides/functions/examples/telegra
m-bot
● Screenshots app -
https://supabase.com/docs/guides/functions/examples/screens
hots
Next JS projects / templates
● AI projects:
○ https://KontentCreator.com
○ https://talktohire.com
● Next.js Prisma Postgres:
https://vercel.com/guides/nextjs-prisma-postgres
● Interviews: https://vercel.com/templates/next.js/liftoff
● AI fine tuning:
https://vercel.com/templates/next.js/shooketh
● Text editor open-source app:
https://vercel.com/templates/next.js/novel
● AI metered billing:
https://vercel.com/templates/next.js/tier
● Blog app - Prisma Vercel KV:
https://vercel.com/templates/next.js/fullstack-prisma-nextj
s-blog
● Notion app // post and fetching:
https://bejamas.io/blog/how-to-create-next-js-blog-using-no
tion-as-a-cms/
● Linktree app: https://github.com/sujjeee/linknode
● Headshots starter:
https://github.com/leap-ai/headshots-starter
● Education AI: https://vercel.com/templates/next.js/liftoff
● Traveling AI:
https://www.notion.so/brwnboi/Traveling-AI-app-e4c2ab342782
4793811f3be4dbf0942a
Follow indie hackers and product builders
● Steven - https://github.com/steven-tey
● Nutlope - https://github.com/Nutlope/pdftochat
● Nader - https://github.com/dabit3
● Levels - https://twitter.com/levelsio
● Danish - https://twitter.com/mddanishyusuf
● Tibo - https://twitter.com/tibo_maker
● Manu - https://twitter.com/mannupaaji
Ideas that you can turn into products!
1. Donation app with a cause
2. Sports community app
3. Fundraising for early startups
4. Community for fitness
5. Sports tournaments app
6. Indoor cricket app / scoring
7. Connect chefs with investors / business minded people
8. DSA league / tournament
9. Algorithms which are practical - flight simulator style
10. AI app for creators - video to blogs to repurposing
11. One DSA question
12. Dsa sheet - 150 questions
13. Dsa roadmap
14. Ai mock interview
15. Dsa Leaderboard
16. Interview questions
17. React / fe / be interview
18. Behavior interview dashboard
Want to discuss??? DM me on instagram -
Make projects with chat GPT - prompts
JS projects
https://chat.openai.com/share/f2ba18b2-e499-4798-a707-180044d53d49
1. I want to make a todo list app in javascript with local storage.
give me the code for it
2. I want to make a weather app with API and real data in
javascript. Give me the code for that
3. I want to make a simple calculator app in javascript. Give me the
code for that
4. I want to make a simple signature app with canvas in javascript.
Give me the code for that
5. I want to make a simple BMI calculation app in javascript. Give
me the code for that
React projects
https://chat.openai.com/share/f2f5f3e4-ad16-4b52-9851-7c25d4b11c06
1. Repeat all JS projects
2. I want to make a weather app in React with real time data. Give
me the code for that.
3. I want to make a RSS API app in React with real time data. Give
me the code for that.
4. I want to make a finance trading app in React with real time
data. Give me the code for that.
5. I want to make a fitness tracking app in React with real time
data. Give me the code for that.
Learn context in React
https://chat.openai.com/share/265b31e4-bae8-461f-a687-3a45e79c6086
Learn redux in React
https://chat.openai.com/share/c96a188e-617c-492d-adfb-19244d2af562
Prisma ORM
https://chat.openai.com/share/9f105b15-f181-4388-8b51-84753c2fba28
Next js and Firebase
https://chat.openai.com/share/97e1256b-7712-4a80-bf61-f57c0e4ba8c8
Ecommerce app
https://chat.openai.com/share/7fce32c5-22df-4513-a555-f87c580d3687
MongoDB and mongoose
https://chat.openai.com/share/adf38125-bc5c-4379-870f-d3a2eebb43a8
Node and express JS
https://chat.openai.com/share/d8ea1e61-95e2-43a7-8c2e-7d51ffd2fcdd
Find a niche / sector / area to build projects
1. Weather + AI: Build a weather app that uses AI to provide
personalized forecasts.
2. Fitness AI: Create an AI-powered personal trainer app that tracks
workouts and suggests new exercises.
3. Calories: Develop a calorie-tracking app that uses AI to estimate
calories in meals based on images.
4. Physical Therapy: Design an AI-powered app that guides users
through physical therapy exercises.
5. Movements AI: Build an app that uses AI to analyze and improve
athletic movements, such as running or weightlifting.
6. Lawyer: Create a platform that connects users with lawyers based
on their legal needs and location.
7. Real Estate: Develop an AI-powered tool for real estate agents to
predict property prices.
8. Owners: Build a platform for property owners to manage their
rental properties.
9. Home Renters: Create an app that helps renters find and review
rental properties.
10. Rentals: Develop a platform for renting items like tools or
equipment, using AI to match renters with owners.
11. Apartments: Build a platform for apartment hunters to find
available units and schedule viewings.
12. Students: Create an AI-powered study planner that helps students
manage their workload and deadlines.
13. Colleges: Develop a platform for colleges to manage course
registrations and student records.
14. Hackathons: Build a platform for organizing and managing virtual
hackathons, including team formation and judging.
15. Event Management: Create an AI-powered event planning tool that
suggests venues, caterers, and schedules.
16. Linktree: Develop a customizable link management tool for social
media profiles.
17. One Link: Build a tool that aggregates all social media links
into a single shareable link.
18. Bio Link: Create a tool for influencers to manage and share their
social media links in one place.
19. Luma: Develop an AI-powered tool for analyzing and improving
Instagram engagement.
20. Medical: Build a telemedicine platform that connects patients
with healthcare providers for virtual consultations.
21. Law: Create a legal document automation tool that uses AI to
generate contracts and agreements.
22. Compliance: Develop a tool for businesses to ensure compliance
with regulations using AI for monitoring.
23. Orders: Build an AI-powered inventory management system that
predicts demand and optimizes orders.
24. Flexport: Create a logistics platform that uses AI to optimize
shipping routes and reduce costs.
25. Legal: Develop an AI-powered tool for legal research and case
analysis.
26. Parents: Build a parenting app that provides tips and resources
based on the child's age and development stage.
27. Life: Create a life management app that helps users set goals and
track their progress.
28. Car: Develop a car maintenance app that reminds users of upcoming
services and provides DIY repair guides.
29. Walking: Build a walking tracker app that uses GPS to map routes
and track distance.
30. Health: Create a health monitoring app that tracks vital signs
and provides insights into overall health.
31. Running: Develop a running coach app that creates personalized
training plans based on fitness level and goals.
32. Food: Build a recipe app that uses AI to suggest recipes based on
dietary preferences and ingredients on hand.
33. Guide Selling: Create a platform for creators to sell digital
guides and tutorials.
34. Gumroad: Develop a marketplace for digital products like ebooks,
courses, and software.
35. Screenshot Tool: Build a tool for taking and editing screenshots,
with features like annotations and sharing.
36. Video Recording: Create a video recording app with features like
screen capture, webcam recording, and editing.
37. Live Streaming: Develop a platform for creators to live stream
their content to a global audience.
Build tech heavy projects
https://github.com/codecrafters-io/build-your-own-x
10 Full stack detailed project ideas
Idea: Online Food Ordering System
● Tech stack: React, Node.js (backend), MongoDB (database),
Stripe API (payment)
● Uniqueness: Integration of real-time order tracking, user
reviews, and personalized recommendations.
● How to build:
● Create a responsive frontend using React for user
interactions.
● Develop a backend using Node.js and MongoDB to manage
menus, orders, and user profiles.
● Integrate Stripe API for secure online payments.
● Implement a real-time order tracking system using
WebSockets.
● How to market:
● Partner with local restaurants for initial listings.
● Offer promotional discounts and referral rewards.
● Use social media and targeted online advertising.
● Examples: UberEats, DoorDash
Idea: Task Management Application
● Tech stack: React, Express.js (backend), PostgreSQL
(database), JWT for authentication
● Uniqueness: Advanced task scheduling with recurring tasks,
task prioritization, and collaboration features.
● How to build:
● Create a React frontend with user authentication.
● Build a RESTful API using Express.js and PostgreSQL to
manage tasks and user data.
● Implement JWT-based authentication for user accounts.
● Add features like recurring tasks, task categories,
and shared task lists.
● How to market:
● Offer a free tier with basic features.
● Focus on productivity communities and forums.
● Implement referral programs.
● Examples: Todoist, Trello
Idea: E-Learning Platform
● Tech stack: React, Django (backend), PostgreSQL (database),
WebRTC for live video streaming
● Uniqueness: Live virtual classrooms, interactive quizzes,
and personalized learning paths.
● How to build:
● Develop a frontend with React to display courses,
quizzes, and user profiles.
● Create a backend using Django and PostgreSQL to manage
course content and user data.
● Implement WebRTC for live video streaming and virtual
classrooms.
● Incorporate a recommendation engine for personalized
learning paths.
● How to market:
● Partner with educators and institutions for course
creation.
● Offer a free trial period.
● Leverage social media and content marketing.
● Examples: Coursera, Udemy
Idea: Fitness Tracking App
● Tech stack: React Native (for mobile app), Firebase
(backend), Google Fit API (fitness data)
● Uniqueness: Integration with wearables for real-time fitness
data tracking, workout plans, and social fitness challenges.
● How to build:
● Develop a mobile app using React Native for
cross-platform compatibility.
● Use Firebase for user authentication, data storage,
and real-time syncing.
● Integrate Google Fit API for access to fitness data.
● Implement social features like challenges and workout
sharing.
● How to market:
● Collaborate with fitness influencers for promotion.
● Gamify fitness challenges with rewards.
● Utilize app store optimization techniques.
● Examples: MyFitnessPal, Strava
Idea: Event Management Platform
● Tech stack: React, Ruby on Rails (backend), PostgreSQL
(database), Google Maps API (location)
● Uniqueness: Event discovery, ticketing, and seamless event
registration.
● How to build:
● Create a React frontend with event listings, search,
and user profiles.
● Develop a backend using Ruby on Rails to manage
events, users, and tickets.
● Utilize Google Maps API for location-based event
searching.
● Implement secure payment processing for ticket sales.
● How to market:
● Collaborate with event organizers to list their
events.
● Offer early bird discounts and group booking
incentives.
● Use targeted social media advertising.
● Examples: Eventbrite, Meetup
Idea: Personal Finance Dashboard
● Tech stack: React, Node.js (backend), PostgreSQL (database),
Plaid API (financial data)
● Uniqueness: Comprehensive financial tracking, budgeting, and
investment analysis.
● How to build:
● Create a React dashboard for visualizing income,
expenses, and investment portfolios.
● Develop a Node.js backend to securely fetch and store
financial data using the Plaid API.
● Implement budgeting features, expense categorization,
and investment performance analysis.
● How to market:
● Emphasize data security and privacy.
● Provide educational content on financial management.
● Use social media advertising targeting financially
conscious individuals.
● Examples: Mint, Personal Capital
Idea: Social Media Scheduler
● Tech stack: React, Django (backend), PostgreSQL (database),
OAuth for social media integration
● Uniqueness: Centralized content scheduling for multiple
social media platforms with analytics.
● How to build:
● Create a React frontend for user-friendly content
scheduling and analytics.
● Develop a Django backend for user account management
and social media API integrations.
● Integrate OAuth for secure social media account
linking.
● Provide insights and analytics on post engagement.
● How to market:
● Offer a free plan with limited features.
● Target social media marketers, influencers, and
businesses.
● Leverage content marketing and partnerships with
social media experts.
● Examples: Buffer, Hootsuite
Idea: Language Learning App
● Tech stack: React Native (for mobile app), Firebase
(backend), Speech Recognition API
● Uniqueness: Real-time language pronunciation assessment and
interactive lessons.
● How to build:
● Develop a mobile app using React Native for language
lessons and exercises.
● Use Firebase for user authentication, data storage,
and progress tracking.
● Implement speech recognition to evaluate
pronunciation.
● Offer interactive lessons, quizzes, and a community
forum.
● How to market:
● Partner with language schools and teachers.
● Provide a free trial with limited content.
● Focus on language learning communities online.
● Examples: Duolingo, Rosetta Stone
Idea: Smart Home Control Panel
● Tech stack: React, Raspberry Pi (for IoT), MQTT (for
communication)
● Uniqueness: Centralized control of smart home devices with
customizable automation.
● How to build:
● Create a React web interface for managing IoT devices
and automation rules.
● Set up Raspberry Pi as a local server for device
communication.
● Use MQTT for real-time communication between devices
and the control panel.
● Allow users to create custom automation routines.
● How to market:
● Offer compatibility with popular smart home devices.
● Promote energy-saving automation features.
● Target tech-savvy homeowners and IoT enthusiasts.
● Examples: Home Assistant, OpenHAB
Idea: Online Collaborative Code Editor
● Tech stack: React, Node.js (backend), WebSocket for
real-time collaboration
● Uniqueness: Real-time code collaboration with features like
code sharing and debugging.
● How to build:
● Create a React-based code editor with syntax
highlighting and collaborative features.
● Develop a Node.js backend for code storage and user
management.
● Implement WebSocket for real-time code syncing and
chat.
● Add code debugging and version control features.
● How to market:
● Offer a free plan for open-source contributors.
● Target developer communities and coding bootcamps.
● Collaborate with coding tutorial creators for
integration.
● Examples: CodePen, Repl.it
