Web Development Project 2025🔥🔥 | Build an Expense Tracker 💰 | For beginners | HTML, CSS & Bootstrap
Вставка
- Опубліковано 9 лют 2025
- 🎯 Frontend project that boosts your skills & portfolio!
🚀 Want to build a resume-worthy project and enhance your frontend skills? In this video, we’ll create a fully functional Expense Tracker using HTML, CSS, Bootstrap, and JavaScript! Whether you're a beginner or someone looking to practice frontend development, this project will give you real-world experience and make your resume stand out!
Timeline:
0:55 - Designing the page
4:19 - Setting up the code
6:55 - Developing Home Page
29:19 - Importing Google Fonts
31:45 - Developing the Main Page
55:15 - Conclusion
✅ What You'll Learn:
🔹 Structuring a web app with HTML 🏗
🔹 Styling with CSS & Bootstrap 🎨
🔹 Handling user input with JavaScript ⚡
🔹 Creating a dynamic expense list 💰
🔹 Storing data in LocalStorage for persistence 📂
🎯 Why Should You Build This Project?
✔ Great for beginners & students looking to add projects to their portfolio
✔ Helps in learning JavaScript DOM manipulation
✔ A useful app you can expand with backend integration in the future!
💡 Ready to upgrade your frontend skills? Watch now and start coding! 👇
📌 Don't forget to like, comment, and subscribe for more exciting frontend projects! 🔥
🔔 Subscribe for More Tutorials
🎯 Tags
#ExpenseTracker #WebDevelopment #JavaScriptProject #HTMLCSSJS #PortfolioProject #Bootstrap #FrontendDevelopment #CodingForBeginners #WebDevelopmentProjects #ResumeProject #LearnJavaScript #JSProjects #HTMLCSSProjects #FullStackDevelopment #WebAppDevelopment
one of the best video bro....waiting for part 2
Sure bro, releasing it next week🤩🤩
Hiii bro your explaination is good . We are waiting for the part - 2 . Bro ATS resume ala cheyala loooo oka video chey bro free website vunteee chepu broooooo
Thank you for the compliment bro🤩🤩🤩 part 2 already released bro. Coming videos lo resume Ela cheyyalo oka video cheddham bro😎😎
good one jashwanth - keep going
Sure 🤩🤩, thankyou😁
Anna,i have completed internship on webtechnologies in my 2nd year, as i have interview after 2 days i don't have much knowledge on css and js.What to do now, is it necessary to keep internship in resume. Suggest me Anna plzz
Hi amma, yes keeping your internship in the resume will be helpful for your interview. But, as you said you don't have much knowledge on CSS and JS, I suggest you to go through some crash course videos like 1 hr long videos on CSS and JS. Just to get the basic idea on what is what. Then you can decide if you want to put your internship experience in the resume or not. But it's not like you won't get a job unless you have an internship experience. You can get a job even without it. But don't fake the experience. All the best for your interview. Be confident and rock it🥳🥳🥳🥳
22:30 bro, here when I set display:flex and align-items:center, the entire content in the page is being centered(including expense tracker). What am I supposed to do?
Send your code Screenshot to me in insta bro, I'll check the code and tell you what to do
Ni explanation mathram super annaya👌👌👌
Thankyou bro🤩🤩🤩🤩
@@TechJashwanth anna Api keys confirm gaa buy cheyala anna
@VeeraVeera-i4m konni API services free-tier vi untayi bro..... Vaatiki em buy cheyakkarle. But konnitiki manam purchase cheyyali.... It depends bro
@@TechJashwanth Thank you anna❤️
Bro please make any e-commerce website using html,css and js ... It will ne useful for us
we have too many videos on building e-commerce project bro. When more number of people are doing the same project for resume, the value goes down. We can try something new like expense tracker. We will use all the concepts in this project that we will be using to build an e-commerce site.
nice explanation brooo🤜🤝
Thankyou bro🤩🤩🤜🤛
Hello Anna
Nenu degree 2nd year lo unna,
Nenu python full stack course start chestunna, na degree 2026 lo complete aithundhi appudu job ostutundha..cheppu anna Please
Thappakunda osthundhi bro🤘🤘. But meeku required skills unteney..... Already meeru python full-stack start chesaru kabatti get good at it. Build projects and showcase those projects. Thappakunda osthundhi. All the best🥳🥳🥳
@TechJashwanth Tqsm Anna
💙 doubt clear aiendhi..
@Vikram-gv4bd avna super bro😌
Nice explanation anna
Thankyou bro🤩🤩
ya! nice anna part 2 and 3 uploade chayande bro . ma clg lo project chayamanaru so iam choosing this ! TQ
Super bro🤩🤩 so glad for your decision😁
@@TechJashwanth brother we use database for this ? can u please tell me ! and also framework?
Yes bro, we will use Database for this project in upcoming videos. And also, framework is not required currently. First we will get better at this and next we can move to framework when the time comes🤘🤘. Okay?
@@TechJashwanth yaa ! Actually making an abstract 😉 ...TQ. linkdin Profile name pls🙂
In channel bio bro
👍
Bro alage js lo intersectionObserver gurinchi kuda konchem explain cheyyaraa
Yeah okay andi, okavela next two parts lo scope untey next parts lo cheptha.... Ledhantey separate ga oka dedicated video release chestha JS APIs kosam🤩🤩..... Em antaru🤔🤔
@ yeahh bro cheyandi miru super ga explain chestunnaru so maku easy ga ardam avutundi.
Ala aithey Cheseddham😜😜
hi bro ,only frontend nrtchukontey job vasthundha bro
Yeah osthundhi bro🤩. But you have to become very good at it. Appudu confirm ga osthundhi😎😎
@TechJashwanth Thanks bro
Meru teach chestarandi frontend.
Pay chestanu.
Insta lo message chesanu.
Guide me andi
Pay cheyyalsina avasaram ledhu andi.... Frontend course chepthanu youtube lo.... You can learn from my videos 🤩🤩
anna next part eppudu anna waiting..!
Repeh bro🤩🤩🤩
Bro when do you upload part 2
Tomorrow bro. New Video every Friday🤘🤘
idi final year project ki worthy aa bro?
Yes bro, total 3 parts lo cheppinattu chesthey, it will be worth🤩🤩
Telegram link bro?
t.me/tech_jashwanth
thank you anna
🤩🤩all the best bayya🤘🤘
Can you teach one to one .
Yeah one by one teach chesthunna andi..... In a structured way.... Meeru ee channel lo vacchey videos ni follow ayyi, practice chesthu undandi
telegram link ?
t.me/tech_jashwanth telegram link bro