diff --git a/Projects/1-Beginner/Bin2Dec-App.md b/Projects/1-Beginner/Bin2Dec-App.md index a9f38299..9bb4503f 100644 --- a/Projects/1-Beginner/Bin2Dec-App.md +++ b/Projects/1-Beginner/Bin2Dec-App.md @@ -42,3 +42,6 @@ Try not to view this until you've developed your own solution: - [Binary to Decimal converter with plain html, js and css](https://grfreire.github.io/Bin2Dec/) - [Binary to Decimal converter using Flutter & Dart](https://github.com/israelss/AppIdeasCollection/tree/master/Tier1/Bin2Dec) - [Live preview built with Flutter for Web](https://bin2dec.web.app/#/) +- [Binary to Decimal converter using React](https://github.com/geoffctn/Bin2Dec) +- [Matrix-like Binary to Decimal converter using Angular](https://github.com/ZangiefWins/MatrixBin2Dec) + - [Live preview on heroku](https://matrix-bin2dec.herokuapp.com/) diff --git a/Projects/1-Beginner/Calculator-App.md b/Projects/1-Beginner/Calculator-App.md index e2ea4146..be10ecbb 100644 --- a/Projects/1-Beginner/Calculator-App.md +++ b/Projects/1-Beginner/Calculator-App.md @@ -53,6 +53,10 @@ number. ## Example projects +- [BHMBS - JS-Neumorphic-Calculator](https://barhouum7.github.io/JS-Neumorphic-Calc.github.io/) +- [Javascript iOS Style Calculator](https://codepen.io/ssmkhrj/full/jOWBQqO) - [Javascript Calculator](https://codepen.io/giana/pen/GJMBEv) - [React Calculator](https://codepen.io/mjijackson/pen/xOzyGX) - [Javascript-CALC](https://github.com/x0uter/javascript-calc) +- [Sample Calculator](https://sevlasnog.github.io/sample-calculator) +- [Python Calculator](https://github.com/kana800/Side-Projects/tree/master/1-Beginner/calculator) diff --git a/Projects/1-Beginner/Calendar-App.md b/Projects/1-Beginner/Calendar-App.md index 10f54eaf..f75e6f70 100644 --- a/Projects/1-Beginner/Calendar-App.md +++ b/Projects/1-Beginner/Calendar-App.md @@ -31,3 +31,4 @@ Style your own calendar according to your requirement ## Example projects - [Simple calendar](https://medium.com/@nitinpatel_20236/challenge-of-building-a-calendar-with-pure-javascript-a86f1303267d) +- [eCalendar](https://github.com/muzhaqi16/eCalendar) diff --git a/Projects/1-Beginner/Christmas-Lights-App.md b/Projects/1-Beginner/Christmas-Lights-App.md index eb6a1e12..b695776e 100644 --- a/Projects/1-Beginner/Christmas-Lights-App.md +++ b/Projects/1-Beginner/Christmas-Lights-App.md @@ -31,3 +31,6 @@ displayed during the Christmas Holidays. ## Example projects [PureCSSChristmasLights](https://codepen.io/tobyj/pen/QjvEex) +[Christmas Lights](https://codepen.io/irfanezani_/pen/mdeLpKo) + + diff --git a/Projects/1-Beginner/Color-Cycle-App.md b/Projects/1-Beginner/Color-Cycle-App.md index ff36620c..299b5c2c 100644 --- a/Projects/1-Beginner/Color-Cycle-App.md +++ b/Projects/1-Beginner/Color-Cycle-App.md @@ -34,7 +34,7 @@ an RGB color specification (e.g. `#000000` color code). ## Useful links and resources -[CSS Color Codes](https://www.quackit.com/css/css_color_codes.cfm) +[CSS Color Codes](https://qhmit.com/css/css_color_codes.cfm) ## Example projects diff --git a/Projects/1-Beginner/GitHub-Status-App.md b/Projects/1-Beginner/GitHub-Status-App.md index 3af77092..9c580ff4 100644 --- a/Projects/1-Beginner/GitHub-Status-App.md +++ b/Projects/1-Beginner/GitHub-Status-App.md @@ -51,4 +51,5 @@ request('https://www.githubstatus.com/', { json: true }, (err, res, body) => { ## Example projects -[Peter Luczynski's example](https://peterluczynski.github.io/github-status/) \ No newline at end of file +- [Peter Luczynski's example](https://peterluczynski.github.io/github-status/) +- [Diogo Moreira's example](https://diogomoreira.github.io/github-status/) diff --git a/Projects/1-Beginner/Hello-App.md b/Projects/1-Beginner/Hello-App.md index 3f6b3013..e0b0ec65 100644 --- a/Projects/1-Beginner/Hello-App.md +++ b/Projects/1-Beginner/Hello-App.md @@ -22,10 +22,11 @@ language. ### Constraints - Developers should use the [IP-API](http://ip-api.com/docs/api:json) service - to obtain the users country code. + to obtain the users IP. - Developers should use the [Fourtonfish](https://www.fourtonfish.com/hellosalut/hello/) service to - obtain the greeting in the users native language by passing the country code. + obtain the greeting in the users native language by passing the users IP. +- Developers must use a HTML entities decoding to decode the hello message. ## User Stories @@ -47,8 +48,8 @@ language. ## Bonus features -- [ ] User can see an additional text input field for a country code which - will be used to override the country code obtained through geolocation. Hint: +- [ ] User can see an additional text input field for a language code which + will be used to override the IP obtained through geolocation. Hint: this is a great feature for testing your app. - [ ] User can see additional geolocation information after logging on that includes at least the local IP address, city, region, country name, zip code, diff --git a/Projects/1-Beginner/Random-Meal-Generator.md b/Projects/1-Beginner/Random-Meal-Generator.md index 3cb3080c..392cf359 100644 --- a/Projects/1-Beginner/Random-Meal-Generator.md +++ b/Projects/1-Beginner/Random-Meal-Generator.md @@ -21,3 +21,4 @@ Generate a random meal from an API. ## Example projects - [Random Meal Generator by Florin Pop on Codepen](https://codepen.io/FlorinPop17/full/WNeggor) +- [Random Meal Generator by ShinSpiegel on github](https://github.com/shinspiegel/random-meal-generator) diff --git a/Projects/2-Intermediate/Book-Finder-App.md b/Projects/2-Intermediate/Book-Finder-App.md index 64b1022d..fb31a84a 100644 --- a/Projects/2-Intermediate/Book-Finder-App.md +++ b/Projects/2-Intermediate/Book-Finder-App.md @@ -6,15 +6,15 @@ Create an application that will allow users to search for books by entering a qu ## User Stories -- [ ] User can enter a search query into an `input` field -- [ ] User can submit the query. This will call an API that will return an array of books with the corresponding data (**Title**, **Author**, **Published Date**, **Picture**, etc) -- [ ] User can see the list of books appearing on the page +- [ ] User can enter a search query into an `input` field +- [ ] User can submit the query. This will call an API that will return an array of books with the corresponding data (**Title**, **Author**, **Published Date**, **Picture**, etc) +- [ ] User can see the list of books appearing on the page ## Bonus features -- [ ] For each item in the list add a link that will send the User to an external site which has more information about the book -- [ ] Implement a Responsive Design -- [ ] Add loading animations +- [ ] For each item in the list add a link that will send the User to an external site which has more information about the book +- [ ] Implement a Responsive Design +- [ ] Add loading animations ## Useful links and resources @@ -23,3 +23,4 @@ You can use the [Google Books API](https://developers.google.com/books/docs/over ## Example projects [Book Finder](https://book-finder-by-deyl.netlify.com/) +[Search Books](https://booksure.netlify.app/) diff --git a/Projects/2-Intermediate/Card-Memory-Game.md b/Projects/2-Intermediate/Card-Memory-Game.md index 7f4ae196..7cb4d082 100644 --- a/Projects/2-Intermediate/Card-Memory-Game.md +++ b/Projects/2-Intermediate/Card-Memory-Game.md @@ -30,3 +30,4 @@ When the User clicks on the 2nd card: - [Flip - card memory game](https://codepen.io/zerospree/full/bNWbvW) - [Memory Game](https://jdmedlock.github.io/memorygame/) - [SMB3 Memory Card Game](https://codepen.io/hexagoncircle/full/OXBJxV) +- [BHMBS - Memory Game](https://barhouum7.github.io/JS-MemoryGame.github.io/) \ No newline at end of file diff --git a/Projects/2-Intermediate/Currency-Converter.md b/Projects/2-Intermediate/Currency-Converter.md new file mode 100644 index 00000000..24d34f72 --- /dev/null +++ b/Projects/2-Intermediate/Currency-Converter.md @@ -0,0 +1,27 @@ +# Currency Converter + +**Tier:** 2-Intermediate + +A currency converter is used to convert an amount in one currency to its corresponding value in another currency using their current exchange rate, for example it can be used to calculate the value of 100 US Dollars in Euros. Current exchange rates are usually provided by banks and other financial service providers, they also (in some cases) offer free and paid APIs for developers to get current and historical exchange rates between two or more currencies. + +## User Stories + +- [ ] User can enter up to 9 digits to represent the amount to convert in a source input field +- [ ] User can view a sorted list of available currencies and select the currency to convert from in a source drop-down list +- [ ] User can view a sorted list of available currencies and select the currency to convert to in a destination drop-down list +- [ ] User views the value (rounded to two decimal places) of the source amount converted to the destination currency in a single output field as soon as either the input value, the source currency, or the destination currency is changed. +- [ ] User must be alerted if the input is not a number + +## Bonus features + +- [ ] User should be able to swap the values of the source and destination drop-down lists on the click of a button + +## Useful links and resources + +- [Free currency converter API](https://free.currencyconverterapi.com/) +- [XE currency converter](https://www.xe.com/) +- [How to use fetch API](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) to fetch data + +## Example projects +- [Currency Converter](https://acodedoer.github.io/currency-converter/) +- [Currency converter code](https://github.com/acodedoer/currency-converter) diff --git a/Projects/2-Intermediate/GitHub-Profiles.md b/Projects/2-Intermediate/GitHub-Profiles.md index ad23e765..65995a04 100644 --- a/Projects/2-Intermediate/GitHub-Profiles.md +++ b/Projects/2-Intermediate/GitHub-Profiles.md @@ -27,6 +27,6 @@ To get data from API you can check [fetch API](https://developer.mozilla.org/en- ## Example projects -- [GitHub profiles](https://chaharshivam.github.io/github-profiles/?#) ([repo](https://github.com/chaharshivam/github-profiles)) +- [GitHub profiles](https://github-profiles.netlify.app/) ([repo](https://github.com/GabrielNBDS/GitHub-Profiles)) -- [github-profile-search pen](https://codepen.io/guerra08/pen/GRJXVbq) ([repo](https://codepen.io/guerra08/pen/GRJXVbq)) +- [github-profile-search](https://github-profile-search-272901.web.app/) ([repo](https://github.com/guerra08/github-profile-search)) diff --git a/Projects/2-Intermediate/Password-Generator.md b/Projects/2-Intermediate/Password-Generator.md index 5aeeb194..586660c3 100644 --- a/Projects/2-Intermediate/Password-Generator.md +++ b/Projects/2-Intermediate/Password-Generator.md @@ -13,7 +13,7 @@ Generate passwords based on certain characteristics selected by the user. ## Bonus features -- [ ] Use can see the password strength +- [ ] User can see the password strength ## Useful links and resources diff --git a/Projects/3-Advanced/Calorie-Counter-App.md b/Projects/3-Advanced/Calorie-Counter-App.md index 80ea6d07..2e410220 100644 --- a/Projects/3-Advanced/Calorie-Counter-App.md +++ b/Projects/3-Advanced/Calorie-Counter-App.md @@ -43,7 +43,7 @@ data structure other than an array for faster searching. ## Useful links and resources -[MyPyramid Food Raw Data](https://catalog.data.gov/dataset/mypyramid-food-raw-data-f9ed6) +[MyPyramid Food Raw Data](https://catalog.data.gov/dataset/mypyramid-food-raw-data) ## Example projects diff --git a/Projects/3-Advanced/Movie-App.md b/Projects/3-Advanced/Movie-App.md index f47471f3..2cbeb4a2 100644 --- a/Projects/3-Advanced/Movie-App.md +++ b/Projects/3-Advanced/Movie-App.md @@ -26,5 +26,5 @@ Find your next movie or create your watchlist with this App. It include reviews, ## Example projects -[Movie Database App w/ React by Oliver Gomes](http://phobic-heat.surge.sh/) +[Movie Database App w/ React by Oliver Gomes](http://phobic-heat.surge.sh/) [Movie Browser App w/ React&Redux&Bootstrap by Nataliia Pylypenko](https://api-cinema-10d15.firebaseapp.com/) diff --git a/README.md b/README.md index 1daf218d..f6557617 100644 --- a/README.md +++ b/README.md @@ -69,6 +69,7 @@ required to complete them. | [Quiz App](./Projects/1-Beginner/Quiz-App.md) | Test your knowledge by answering questions | 1-Beginner | | [Recipe App](./Projects/1-Beginner/Recipe-App.md) | Recipe | 1-Beginner | | [Random Meal Generator](./Projects/1-Beginner/Random-Meal-Generator.md) | Generate random meals | 1-Beginner | +| [Random Number Generator](./Projects/1-Beginner/Random-Number-Generator.md) | Generate random number between range. | 1-Beginner | | [Roman to Decimal Converter](./Projects/1-Beginner/Roman-to-Decimal-Converter.md) | Convert Roman to Decimal numbers | 1-Beginner | | [Slider Design](./Projects/1-Beginner/Slider-Design.md) | Display images using a slider control | 1-Beginner | | [Stopwatch App](./Projects/1-Beginner/Stopwatch-App.md) | Count time spent on activities | 1-Beginner | @@ -88,6 +89,7 @@ required to complete them. | [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | | [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | | [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 2-Intermediate | +| [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | Convert one currency to another. | 2-Intermediate | | [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | | [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | | [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate |