![\"Top](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Top-10-Coding-Projects-for-Beginners-With-Source-Code-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nIf you’re just starting in the world of programming, there’s no better way to learn than by building real projects. <\/p>\n\n\n\n
These coding projects for beginners are designed to sharpen your skills, boost your confidence, and help you understand core development concepts, all while creating something you can use or showcase. Plus, we\u2019ve included source code links to make your learning smoother and faster!<\/p>\n\n\n\n
1. Personal Portfolio Website<\/strong><\/h3>\n\n\n\n![\"Personal](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Personal-Portfolio-Website-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nCreating a personal portfolio is the best way to show off your skills, projects, achievements, and personality. It acts as your digital resume, and it’s often the first impression recruiters and clients will have of you. This project will help you practice layout design, responsiveness, and navigation using fundamental frontend technologies.<\/p>\n\n\n\n
Duration<\/strong>: 3\u20135 days<\/p>\n\n\n\nProject Complexity<\/strong>: Easy<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Home, About, Projects, Contact, and Resume sections<\/li>\n\n\n\n
- Responsive mobile-first design<\/li>\n\n\n\n
- Smooth scrolling and animated transitions<\/li>\n\n\n\n
- Contact form with mail integration<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: HTML, CSS<\/a>, JavaScript, Responsive Design<\/p>\n\n\n\nLearning Outcome<\/strong>: You\u2019ll learn how to structure a website, style it beautifully, and make it mobile-responsive<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Optional – e.g., Formspree or EmailJS for contact form<\/p>\n\n\n\nDeployment Strategy<\/strong>: GitHub Pages, Netlify, or Vercel<\/p>\n\n\n\nSource Code<\/strong>: Personal Portfolio Website <\/a><\/p>\n\n\n\n2. To-Do List Application<\/strong><\/h3>\n\n\n\n![\"To-Do](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/To-Do-List-Application-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nA to-do app may look simple, but it teaches you core front-end principles like DOM manipulation<\/a> and event handling. Users can add tasks, delete them, or mark them as completed. You can even extend it later with categories, reminders, or deadlines.<\/p>\n\n\n\nDuration<\/strong>: 3\u20134 days<\/p>\n\n\n\nProject Complexity<\/strong>: Easy<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Add new tasks with input<\/li>\n\n\n\n
- Mark tasks as completed or delete them<\/li>\n\n\n\n
- Filter based on task status (completed\/pending)<\/li>\n\n\n\n
- Data persistence using local storage<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript<\/a>, DOM Manipulation,<\/a> Event Handling<\/p>\n\n\n\nLearning Outcome<\/strong>: Gain a solid grasp of dynamic page behavior and UI state changes<\/p>\n\n\n\nAPIs and Integrations<\/strong>: None<\/p>\n\n\n\nDeployment Strategy<\/strong>: GitHub Pages<\/p>\n\n\n\nSource Code<\/strong>: <\/a>To-Do List Application<\/a><\/p>\n\n\n\n3. Weather App<\/strong><\/h3>\n\n\n\n![\"Weather](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Weather-App-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nThis project introduces you to working with real-world APIs and asynchronous data fetching. You’ll allow users to search for weather in any city and show dynamic weather data like temperature, conditions, and humidity.<\/p>\n\n\n\n
Duration<\/strong>: 4\u20136 days<\/p>\n\n\n\nProject Complexity<\/strong>: Intermediate<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Search by city<\/li>\n\n\n\n
- Show current temperature, weather conditions, and humidity<\/li>\n\n\n\n
- Display dynamic icons or a background based on the weather<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: API Fetching, Promises, JSON Parsing, JavaScript<\/p>\n\n\n\nLearning Outcome<\/strong>: Learn to integrate third-party APIs and handle asynchronous operations<\/p>\n\n\n\nAPIs and Integrations<\/strong>: OpenWeatherMap API<\/a><\/p>\n\n\n\nDeployment Strategy<\/strong>: Vercel \/ Netlify<\/p>\n\n\n\nSource Code: <\/strong>Weather App<\/a><\/p>\n\n\n\n4. Simple Calculator<\/strong><\/h3>\n\n\n\n![\"Simple](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Simple-Calculator-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nThis beginner-friendly project is great for practicing JavaScript logic and UI layout. You\u2019ll create a basic calculator that performs arithmetic operations and provides immediate results.<\/p>\n\n\n\n
Duration<\/strong>: 2\u20133 days<\/p>\n\n\n\nProject Complexity<\/strong>: Easy<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- User interface<\/a> with buttons for digits and operators<\/li>\n\n\n\n
- Functional operations: addition, subtraction, multiplication, division<\/li>\n\n\n\n
- Clear and backspace functionality<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript basics, Arithmetic operations, and Conditional statements<\/p>\n\n\n\nLearning Outcome<\/strong>: Build logic for user inputs and UI feedback<\/p>\n\n\n\nAPIs and Integrations<\/strong>: None<\/p>\n\n\n\nDeployment Strategy<\/strong>: GitHub Pages<\/p>\n\n\n\nSource Code<\/strong>: Simple Calculator <\/a><\/p>\n\n\n\n5. Blogging Platform<\/strong><\/h3>\n\n\n\n![\"Blogging](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Blogging-Platform-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nThis is a slightly more advanced project where you\u2019ll build a mini content management system that lets users create, edit, and delete blog posts. It also introduces basic backend integration using services like Firebase.<\/p>\n\n\n\n
Duration<\/strong>: 7\u201310 days<\/p>\n\n\n\nProject Complexity<\/strong>: Intermediate<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Write and publish blog posts<\/li>\n\n\n\n
- Edit and delete functionality<\/li>\n\n\n\n
- Store and retrieve blog content from a database<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: CRUD operations<\/a>, Data handling, JavaScript logic<\/p>\n\n\n\nLearning Outcome<\/strong>: Learn how to manage user input, connect to a backend, and build real-world user interfaces<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Firebase Realtime Database<\/p>\n\n\n\nDeployment Strategy<\/strong>: Firebase Hosting<\/p>\n\n\n\nSource Code<\/strong>: <\/a>Blogging Platform<\/a><\/p>\n\n\n\n6. Recipe App<\/strong><\/h3>\n\n\n\n![\"Recipe](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Recipe-App-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nA fun and functional project that allows users to search for recipes and view their ingredients and instructions. It helps you learn how to work with external APIs and display structured data cleanly.<\/p>\n\n\n\n
Duration<\/strong>: 5\u20137 days<\/p>\n\n\n\nProject Complexity<\/strong>: Intermediate<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Search bar to find recipes by ingredient or name<\/li>\n\n\n\n
- Display recipe title, image, ingredients, and steps<\/li>\n\n\n\n
- Optional: Add filters by meal type, cuisine, etc.<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript, Fetch API, DOM manipulation, Responsive Design<\/a><\/p>\n\n\n\nLearning Outcome<\/strong>: Understand how to retrieve and parse data from APIs and dynamically render it on the page<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Spoonacular API \/ Edamam API<\/p>\n\n\n\nDeployment Strategy<\/strong>: Netlify \/ Vercel<\/p>\n\n\n\nSource Code<\/strong>: Recipe App <\/a><\/p>\n\n\n\n7. Quiz App<\/strong><\/h3>\n\n\n\n![\"Quiz](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Quiz-App-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nThis interactive quiz application helps users test their knowledge with multiple-choice questions. It teaches you how to handle input, timers, and scoring logic.<\/p>\n\n\n\n
Duration<\/strong>: 3\u20135 days<\/p>\n\n\n\nProject Complexity<\/strong>: Easy to Intermediate<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Display a series of questions one by one<\/li>\n\n\n\n
- Show correct\/incorrect feedback<\/li>\n\n\n\n
- Timer and scoring logic<\/li>\n\n\n\n
- Final result page<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript logic, Conditional statements, Timers<\/p>\n\n\n\nLearning Outcome<\/strong>: Learn how to control application flow and track user interaction in real-time<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Optional \u2014 can use Open Trivia API for questions<\/p>\n\n\n\nDeployment Strategy<\/strong>: GitHub Pages \/ Netlify<\/p>\n\n\n\nSource Code<\/strong>: Quiz App <\/a><\/p>\n\n\n\n8. Expense Tracker<\/strong><\/h3>\n\n\n\n![\"Expense](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Expense-Tracker-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nAn essential personal finance tool where users can manage and categorize their spending. You\u2019ll learn how to handle user data, update UI dynamically, and use browser storage.<\/p>\n\n\n\n
Duration<\/strong>: 5\u20137 days<\/p>\n\n\n\nProject Complexity<\/strong>: Intermediate<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Add, edit, and delete expenses<\/li>\n\n\n\n
- Categorize by type (Food, Travel, etc.)<\/li>\n\n\n\n
- Show balance and summary chart<\/li>\n\n\n\n
- Store data in local storage<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript, Local Storage, Data Structuring<\/p>\n\n\n\nLearning Outcome<\/strong>: Understand persistent data handling and real-time UI updates<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Optional \u2014 Chart.js for visualizing data<\/p>\n\n\n\nDeployment Strategy<\/strong>: Netlify \/ GitHub Pages<\/p>\n\n\n\nSource Code<\/strong>: Expense Tracker <\/a><\/p>\n\n\n\n9. Chat Application<\/strong><\/h3>\n\n\n\n![\"Chat](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Chat-Application-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nBuild a real-time chat system where users can communicate instantly. It\u2019s an advanced project that teaches you about sockets, backend communication, and event-based programming.<\/p>\n\n\n\n
Duration<\/strong>: 10\u201314 days<\/p>\n\n\n\nProject Complexity<\/strong>: Advanced<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Send\/receive messages in real-time<\/li>\n\n\n\n
- Group and private chat modes<\/li>\n\n\n\n
- User online\/offline status<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: JavaScript, Node.js<\/a>, WebSocket\/Sockets, Event Handling<\/p>\n\n\n\nLearning Outcome<\/strong>: Learn real-time bidirectional communication and client-server architecture<\/p>\n\n\n\nAPIs and Integrations<\/strong>: WebSocket, Socket.io<\/p>\n\n\n\nDeployment Strategy<\/strong>: Render \/ Railway \/ Heroku<\/p>\n\n\n\nSource Code<\/strong>: Chat Application <\/a><\/p>\n\n\n\n10. Portfolio CMS (Content Management System)<\/strong><\/h3>\n\n\n\n![\"Portfolio](\"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2025\/04\/Personal-Portfolio-Website-1-1200x630.webp\" "\\"\\"")
<\/figure>\n\n\n\nTake your portfolio to the next level by creating a system where you can update content dynamically without changing the code. This project gives a taste of full-stack development.<\/p>\n\n\n\n
Duration<\/strong>: 10\u201314 days<\/p>\n\n\n\nProject Complexity<\/strong>: Intermediate to Advanced<\/p>\n\n\n\nFeatures of the Project<\/strong>:<\/p>\n\n\n\n\n- Login-based dashboard<\/li>\n\n\n\n
- Add\/edit\/delete projects from the backend<\/li>\n\n\n\n
- Update content sections like About, Skills, etc.<\/li>\n<\/ul>\n\n\n\n
Skills Required<\/strong>: Backend programming<\/a>, CRUD operations, Authentication, Database integration<\/p>\n\n\n\nLearning Outcome<\/strong>: Understand how dynamic websites work, manage content with backend integration<\/p>\n\n\n\nAPIs and Integrations<\/strong>: Firebase \/ MongoDB Atlas<\/p>\n\n\n\nDeployment Strategy<\/strong>: Firebase Hosting \/ Render \/ Vercel<\/p>\n\n\n\nSource Code<\/strong>: <\/a>Portfolio CMS<\/a><\/p>\n\n\n\nBy exploring these coding projects for beginners, you\u2019ll gain practical experience with web technologies and be ready to tackle more advanced concepts.<\/p>\n\n\n\n
<\/figure>\n\n\n\nCreating a personal portfolio is the best way to show off your skills, projects, achievements, and personality. It acts as your digital resume, and it’s often the first impression recruiters and clients will have of you. This project will help you practice layout design, responsiveness, and navigation using fundamental frontend technologies.<\/p>\n\n\n\n
Duration<\/strong>: 3\u20135 days<\/p>\n\n\n\n Project Complexity<\/strong>: Easy<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: HTML, CSS<\/a>, JavaScript, Responsive Design<\/p>\n\n\n\n Learning Outcome<\/strong>: You\u2019ll learn how to structure a website, style it beautifully, and make it mobile-responsive<\/p>\n\n\n\n APIs and Integrations<\/strong>: Optional – e.g., Formspree or EmailJS for contact form<\/p>\n\n\n\n Deployment Strategy<\/strong>: GitHub Pages, Netlify, or Vercel<\/p>\n\n\n\n Source Code<\/strong>: Personal Portfolio Website <\/a><\/p>\n\n\n\n A to-do app may look simple, but it teaches you core front-end principles like DOM manipulation<\/a> and event handling. Users can add tasks, delete them, or mark them as completed. You can even extend it later with categories, reminders, or deadlines.<\/p>\n\n\n\n Duration<\/strong>: 3\u20134 days<\/p>\n\n\n\n Project Complexity<\/strong>: Easy<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript<\/a>, DOM Manipulation,<\/a> Event Handling<\/p>\n\n\n\n Learning Outcome<\/strong>: Gain a solid grasp of dynamic page behavior and UI state changes<\/p>\n\n\n\n APIs and Integrations<\/strong>: None<\/p>\n\n\n\n Deployment Strategy<\/strong>: GitHub Pages<\/p>\n\n\n\n Source Code<\/strong>: <\/a>To-Do List Application<\/a><\/p>\n\n\n\n This project introduces you to working with real-world APIs and asynchronous data fetching. You’ll allow users to search for weather in any city and show dynamic weather data like temperature, conditions, and humidity.<\/p>\n\n\n\n Duration<\/strong>: 4\u20136 days<\/p>\n\n\n\n Project Complexity<\/strong>: Intermediate<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: API Fetching, Promises, JSON Parsing, JavaScript<\/p>\n\n\n\n Learning Outcome<\/strong>: Learn to integrate third-party APIs and handle asynchronous operations<\/p>\n\n\n\n APIs and Integrations<\/strong>: OpenWeatherMap API<\/a><\/p>\n\n\n\n Deployment Strategy<\/strong>: Vercel \/ Netlify<\/p>\n\n\n\n Source Code: <\/strong>Weather App<\/a><\/p>\n\n\n\n This beginner-friendly project is great for practicing JavaScript logic and UI layout. You\u2019ll create a basic calculator that performs arithmetic operations and provides immediate results.<\/p>\n\n\n\n Duration<\/strong>: 2\u20133 days<\/p>\n\n\n\n Project Complexity<\/strong>: Easy<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript basics, Arithmetic operations, and Conditional statements<\/p>\n\n\n\n Learning Outcome<\/strong>: Build logic for user inputs and UI feedback<\/p>\n\n\n\n APIs and Integrations<\/strong>: None<\/p>\n\n\n\n Deployment Strategy<\/strong>: GitHub Pages<\/p>\n\n\n\n Source Code<\/strong>: Simple Calculator <\/a><\/p>\n\n\n\n This is a slightly more advanced project where you\u2019ll build a mini content management system that lets users create, edit, and delete blog posts. It also introduces basic backend integration using services like Firebase.<\/p>\n\n\n\n Duration<\/strong>: 7\u201310 days<\/p>\n\n\n\n Project Complexity<\/strong>: Intermediate<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: CRUD operations<\/a>, Data handling, JavaScript logic<\/p>\n\n\n\n Learning Outcome<\/strong>: Learn how to manage user input, connect to a backend, and build real-world user interfaces<\/p>\n\n\n\n APIs and Integrations<\/strong>: Firebase Realtime Database<\/p>\n\n\n\n Deployment Strategy<\/strong>: Firebase Hosting<\/p>\n\n\n\n Source Code<\/strong>: <\/a>Blogging Platform<\/a><\/p>\n\n\n\n A fun and functional project that allows users to search for recipes and view their ingredients and instructions. It helps you learn how to work with external APIs and display structured data cleanly.<\/p>\n\n\n\n Duration<\/strong>: 5\u20137 days<\/p>\n\n\n\n Project Complexity<\/strong>: Intermediate<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript, Fetch API, DOM manipulation, Responsive Design<\/a><\/p>\n\n\n\n Learning Outcome<\/strong>: Understand how to retrieve and parse data from APIs and dynamically render it on the page<\/p>\n\n\n\n APIs and Integrations<\/strong>: Spoonacular API \/ Edamam API<\/p>\n\n\n\n Deployment Strategy<\/strong>: Netlify \/ Vercel<\/p>\n\n\n\n Source Code<\/strong>: Recipe App <\/a><\/p>\n\n\n\n This interactive quiz application helps users test their knowledge with multiple-choice questions. It teaches you how to handle input, timers, and scoring logic.<\/p>\n\n\n\n Duration<\/strong>: 3\u20135 days<\/p>\n\n\n\n Project Complexity<\/strong>: Easy to Intermediate<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript logic, Conditional statements, Timers<\/p>\n\n\n\n Learning Outcome<\/strong>: Learn how to control application flow and track user interaction in real-time<\/p>\n\n\n\n APIs and Integrations<\/strong>: Optional \u2014 can use Open Trivia API for questions<\/p>\n\n\n\n Deployment Strategy<\/strong>: GitHub Pages \/ Netlify<\/p>\n\n\n\n Source Code<\/strong>: Quiz App <\/a><\/p>\n\n\n\n An essential personal finance tool where users can manage and categorize their spending. You\u2019ll learn how to handle user data, update UI dynamically, and use browser storage.<\/p>\n\n\n\n Duration<\/strong>: 5\u20137 days<\/p>\n\n\n\n Project Complexity<\/strong>: Intermediate<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript, Local Storage, Data Structuring<\/p>\n\n\n\n Learning Outcome<\/strong>: Understand persistent data handling and real-time UI updates<\/p>\n\n\n\n APIs and Integrations<\/strong>: Optional \u2014 Chart.js for visualizing data<\/p>\n\n\n\n Deployment Strategy<\/strong>: Netlify \/ GitHub Pages<\/p>\n\n\n\n Source Code<\/strong>: Expense Tracker <\/a><\/p>\n\n\n\n Build a real-time chat system where users can communicate instantly. It\u2019s an advanced project that teaches you about sockets, backend communication, and event-based programming.<\/p>\n\n\n\n Duration<\/strong>: 10\u201314 days<\/p>\n\n\n\n Project Complexity<\/strong>: Advanced<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: JavaScript, Node.js<\/a>, WebSocket\/Sockets, Event Handling<\/p>\n\n\n\n Learning Outcome<\/strong>: Learn real-time bidirectional communication and client-server architecture<\/p>\n\n\n\n APIs and Integrations<\/strong>: WebSocket, Socket.io<\/p>\n\n\n\n Deployment Strategy<\/strong>: Render \/ Railway \/ Heroku<\/p>\n\n\n\n Source Code<\/strong>: Chat Application <\/a><\/p>\n\n\n\n Take your portfolio to the next level by creating a system where you can update content dynamically without changing the code. This project gives a taste of full-stack development.<\/p>\n\n\n\n Duration<\/strong>: 10\u201314 days<\/p>\n\n\n\n Project Complexity<\/strong>: Intermediate to Advanced<\/p>\n\n\n\n Features of the Project<\/strong>:<\/p>\n\n\n\n Skills Required<\/strong>: Backend programming<\/a>, CRUD operations, Authentication, Database integration<\/p>\n\n\n\n Learning Outcome<\/strong>: Understand how dynamic websites work, manage content with backend integration<\/p>\n\n\n\n APIs and Integrations<\/strong>: Firebase \/ MongoDB Atlas<\/p>\n\n\n\n Deployment Strategy<\/strong>: Firebase Hosting \/ Render \/ Vercel<\/p>\n\n\n\n Source Code<\/strong>: <\/a>Portfolio CMS<\/a><\/p>\n\n\n\n By exploring these coding projects for beginners, you\u2019ll gain practical experience with web technologies and be ready to tackle more advanced concepts.<\/p>\n\n\n\n\n
2. To-Do List Application<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
3. Weather App<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
4. Simple Calculator<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
5. Blogging Platform<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
6. Recipe App<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
7. Quiz App<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
8. Expense Tracker<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
9. Chat Application<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n
10. Portfolio CMS (Content Management System)<\/strong><\/h3>\n\n\n\n
<\/figure>\n\n\n\n\n