0% found this document useful (0 votes)
63 views

Codingprojects

The document provides a list of 100 coding project ideas and resources for building them. It includes sections on finding project ideas, templates and guides for different technologies, profiles of independent developers to follow, specific idea suggestions that could be turned into products, and prompts for using ChatGPT to generate code for projects. The overall document aims to give readers a large number of options for full stack web and app development projects to work on.

Uploaded by

majorproject611
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
63 views

Codingprojects

The document provides a list of 100 coding project ideas and resources for building them. It includes sections on finding project ideas, templates and guides for different technologies, profiles of independent developers to follow, specific idea suggestions that could be turned into products, and prompts for using ChatGPT to generate code for projects. The overall document aims to give readers a large number of options for full stack web and app development projects to work on.

Uploaded by

majorproject611
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

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

You might also like