Sirra app is an app that the user can interact with by choosing the current feeling that he/she feels, and the app shows suggestions that fit with the chosen feeling ,and the suggestions are web pages fetched by the API's of several companies ,websites,or newspeapers .
you can try Demo app her
.
| #front_end_part
|--public
| |--img
| |--style.css
|
|--reademe.md
|--index.html
|--src #javascript_part
| |
| |--app.js
| |--constant.js
| |--views #front_end_DOM
| | |--loginView.js
| | |--welcomeView.js
| | |--newsView
| | | |--newsView.js
| | | |--weatherView.js
| | |
| | |--football&joke
| | | |--footballView.js
| | | |--jokesView
| | |
| | |--foodView
| | | |--foodView.js
| | | |--reuseableFoodView.js
| | |
| |--pages #logic-part
| | |--loginPage.js
| | |--weatherPage.js
| | |--newsPag
| | | |--newsPage.js
| | | |--weatherPage.js
| | |
| | |--football&joke
| | | |--footballPage.js
| | | |--jokePage.js
| | |
| | |--foodPages
| | | |--foodPage.js
| | | |--searchFoodPage.js
| | | |--foodDetailPages.js
| | |
| |--general
| | |--backButtonView.js
| | |--backButtonPage.js
| | |--logoView.js
| | |--logoPage.js
| | |
| |--lib
| |--|--localStorage.js
| | | #some_reusable_function
| |--utility
| | |--fetchAPI.js
| | |--handelError.js
| | |--initNewPage.js
| | |--searchBar.js
| | |
1-initial new page
2-initial weather elements and fetch weather data
3-initial search bar elemnts and prepare to catch value
4-initial article elements and fetch most pobluar article
5- initial search resulte page .
1- initial new page
2- initial page content with tow button
3- random joke button :fetch data from API and show it in monitor
4- random useless true fact button : fetch data from API and show it in monitor
1- initial new page
2-initial matches card
3- fetch data from API
4- append data to matches cards
1 - initial new page
2- initial header with random button and text field
3- initial food card according to user input
4-get recipe detail button : initial card for food recipe details
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent