diff --git a/Projects/1-Beginner/Currency-Converter-App.md b/Projects/1-Beginner/Currency-Converter-App.md new file mode 100644 index 00000000..927ffa38 --- /dev/null +++ b/Projects/1-Beginner/Currency-Converter-App.md @@ -0,0 +1,45 @@ +# Currency Converter App + +A web application that converts between different currencies using real-time exchange rates. + +## Objective +Build an application that can convert amounts between different currencies with up-to-date exchange rates. + +## User Stories +- [ ] User can see a dropdown list of available currencies +- [ ] User can select a source currency and target currency +- [ ] User can enter an amount to convert +- [ ] User can see the converted amount in real-time +- [ ] User can see the current exchange rate +- [ ] User can swap source and target currencies with a button + +## Bonus Features +- [ ] User can see a history of exchange rates +- [ ] User can favorite frequently used currencies +- [ ] User can see currency flags alongside names +- [ ] User can convert to multiple currencies at once +- [ ] Application works offline with cached rates + +## Technologies +- HTML, CSS, JavaScript +- Free Currency API: [exchangerate-api.com](https://www.exchangerate-api.com) +- Local Storage for favorites + +## Difficulty +- **Beginner Level** - Basic JavaScript and API calls + +## Example APIs +- Free Tier: [ExchangeRate-API](https://www.exchangerate-api.com) +- Alternative: [Frankfurter API](https://www.frankfurter.app) + +## Learning Concepts +- API Integration +- Asynchronous JavaScript +- DOM Manipulation +- Error Handling +- Local Storage + +## Project Ideas for Extension +- Add cryptocurrency conversion +- Create currency rate alerts +- Build a currency comparison chart \ No newline at end of file diff --git a/Projects/1-Beginner/Expense-Tracker-App.md b/Projects/1-Beginner/Expense-Tracker-App.md new file mode 100644 index 00000000..0fd4cea9 --- /dev/null +++ b/Projects/1-Beginner/Expense-Tracker-App.md @@ -0,0 +1,39 @@ +# Expense Tracker App + +## Objective +Build a simple application to track daily expenses and manage personal finances. + + + +# Expense Tracker App + +A simple web application to track daily expenses and manage personal finances. + +## User Stories +- [ ] User can add new expenses with description, amount, and category +- [ ] User can view all expenses in a list with total amount +- [ ] User can delete expenses from the list +- [ ] User can filter expenses by category + +## Bonus Features +- [ ] User can edit existing expenses +- [ ] User can see spending statistics with charts +- [ ] Data persists using localStorage +- [ ] User can export expenses to CSV + +## Technologies +- HTML, CSS, JavaScript +- Local Storage for data persistence +- Chart.js for statistics (optional) + +## Implementation Tips +- Start with basic CRUD operations +- Use arrays and objects to manage expense data +- Implement localStorage for data persistence +- Add input validation for amount fields + +## Learning Outcomes +- DOM manipulation +- Array methods (filter, map, reduce) +- Local Storage API +- Event handling diff --git a/README.md b/README.md index c54bfa41..50931749 100644 --- a/README.md +++ b/README.md @@ -175,4 +175,4 @@ As a bonus, I created the [#100Days100Projects challenge](https://www.florin-pop ## Stars history -[![Stargazers over time](https://starchart.cc/florinpop17/app-ideas.svg)](https://starchart.cc/florinpop17/app-ideas) +[![Stargazers over time](https://starchart.cc/florinpop17/app-ideas.svg)](https://starchart.cc/florinpop17/app-ideas) \ No newline at end of file