My First JavaScript Project: What I Learned
Hi DEV community! 👋
I just finished my first real JavaScript project - a restaurant
ordering app. It works, but looking back at my code, I realize
I made a lot of beginner mistakes.
The Project
[Screenshot yoki GIF qo'ying]
Simple ordering interface where you can:
- Browse menu items
- Add to cart
- See order total
- Complete payment
🔗 GitHub: https://github.com/semizemes/Jimmy-s-Diner
What I Think I Did Wrong
1. Too Many Global Variables
I declared like 10+ variables at the top for DOM elements...
2. Repetitive Code
My displayOrder() function literally copies the same logic
three times for pizza, hamburger, and beer.
3. Hard-coded Everything
Item IDs are 0, 1, 2 everywhere in the code. If I add a new
item, I'd have to change code in multiple places.
Questions for the Community
- How would you refactor this?
- What patterns should I learn for this type of app?
- Any resources you'd recommend?
I'm eager to learn! Drop your suggestions below 👇
Top comments (2)
Hi Abbos, Well done and welcome.
I applaud the achievement of your first web project and the recognition that you have more to learn.
A fundamental truth of software development is, there is always more to learn but don't let it worry you, it is a good thing.
I have downloaded your project has got it running - nice job. If you would like some honest feedback and a steer on areas that could do with improvement then please email and I will be happy to help.
Regards, Tracy
Hi, very welcome to DEV Community! 👋
Great job on finishing your first JavaScript project, that’s a huge milestone.
Your write-up is clear and honest, and it’s always awesome to see beginners share what they learned along the way.
Keep experimenting, keep building, and keep posting your progress.
The community loves seeing projects like this. 🚀