Merge c21785b53b into 9e8dd00f10
commit
d07bebc989
@ -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
|
||||||
@ -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
|
||||||
Loading…
Reference in new issue