mlenka-1 / simplyrecipes

Angular + ASP.NET Core application

Angular Simply Recipes

👉 Project Introduction 👈

Simply Recipes is a ready-to-use Angular + ASP.NET Core application.

📝 Project Description | Main Information EN

Simply Recipes is a basic user web-based software, created for all kind of needs related to home cooking and healty life. The main goal of the software is to create a comfortable and easy environment, for users to browse cooking recipes and articles about health-based lifestyles, as well as to share their personal experience, by joining the growing application community. The data will be open for all users of the application, so noone will be forced to register in order to access. However, if the user wants to write a personal recipe/article, review, rate or comment an existing one, would need to create a profile. The graphical interface is simple and user friendly, much similar to that of social media. In the upper side of the web page is located the website logo, menus for navigation purposes and profile buttons ("Register" for new users and "Login" for already registered users). There is one way to registrate into our system - by using the standard registration form. The middle section of the website presents the informational layer of the app, which generates specific view, compliant with the chosen by the menus data. Lastly, every page has footer section, which contains additional info about the website - "About us", "Subsribe" and reference to social medias. The interface is tailored whether the user is signed in the system or not.

👉 Description of the “Home” page: In an interactive slider there is a visualization of random cooking images. Below the slider there is a section, which briefly informs users about the system. After this section, we present you a paralex effect with statement from Masaharu Morimoto. The next section shows you top six recipes with the highest rate from user reviews. After that you can enjoy 2 recent articles and find more information about them by clicking the button "To Articles". In the last section of this page there is a gallery with cooking recipes. The footer is the same for all pages.

👉 Description of the “Recipes” page: This page presents you what you are going to see - recipes grouped by categories. Each recipe contains a brief information about its name, current rating from reviews and how difficult it is to be made. Here you can enjoy new statement from Michael Strahan and below it a section with top user reviews. Each review in this listing has rating more than 4.

👉 Description of the “Articles” page: Articles are presented like cards. Each article shows who is the author, the publish date and a short description of it. If you are curious about it, you can easily click the button "Read More".

👉 Description of the “Contacts” page: In this page you can contact with us by finding our address at the Google Maps or just text us a message using the contact form. For security reasons, we are protected with reCAPTCHA.

👉 Description of the “Privacy” page: We care for the protection of our user data, so deep dive into our privacy policy and be sure that we respect GDPR.

👉 Description of the “FAQ” page: Have quick questions? Do not hesitate to view our answers for them.

👉 Description of the “Recipe Details” page: TODO

👉 Description of the “Article Details” page: This page gives everything you need to know for one article. Title, author, creation date, category and last but not least - description of the article. In the sidebar there is a search bar (search by article title), categories with how many articles are written and recent articles published by users.

📝 Project Description | Основна информация BG

Simply Recipes е потребителски уеб-базиран софтуер, създаден за всякакви нужди, свързани с домашното готвене и здравословния живот. Основната цел на софтуера е да създаде комфортна и достъпна среда, за да могат потребителите да разглеждат рецепти за готвене и статии за здравословен начин на живот, както и да споделят личния си опит, като се присъединят към нарастващата общност в уебсайта. Информацията е отворена за всички потребители на приложението, така че никой няма да бъде принуден да се регистрира, за да има достъп. Ако обаче потребителят иска да напише лична рецепта / статия, преглед, оценка или коментар на съществуваща, ще трябва да създаде свой личен профил в системата. Графичният интерфейс е прост и лесен за употреба, много подобен на този на социалните медии. В горната част на уеб страницата са разположени логото на уебсайта, менютата за навигационни цели и бутоните („Регистрация“ за нови потребители и "Логин" за вече регистрираните потребители). Има един начин за регистрация в системата - чрез използване на стандартната регистрационна форма. Средният раздел на уебсайта е информационният слой на приложението, където се генерира специфичен изглед, съобразен с избраните от менютата данни. И накрая, всяка страница има footer, който съдържа допълнителна информация за уебсайта - „За нас“, „Subscribe“ и референция към социалните мрежи. Интерфейсът е съобразен с това дали потребителят е вписан в системата или не.

👉 Описание на начална страница “Home”: В интерактивен слайдър се визуализират произволни готварски изображения. Под този слайдър има секция, в която се представя накратко самата система. След тази секция, ви представяме цитат под формата на паралакс ефект от Masaharu Morimoto. Следващата секция показва топ 6 рецептите с най-висок потребителски рейтинг от ревютата за тях. След това са налице последните две публикувани статии като можете да видите останалите с кликване на бутона "To Articles". В последната секция на тази страница има галерия с готварски рецепти. Футърът се намира в края на всяка страница от системата.

👉 Описание на страницата “Recipes”: Тази страница представя точно това, което очаквате - рецепти, групирани по категории. Всяка рецепта съдържа кратка информация за своето име, текущ рейтинг от ревютата и какво е нейното ниво на трудност. Тук можете да прочетете цитат от Michael Strahan като под него има секция с топ потребителски ревюта с рейтинг над 4.

👉 Описание на страницата “Articles”: Статиите са представени като "картички". Всяка статия показва кой е нейният автор, дата на публикуване и кратко описание. Ако сте любопитни, можете лесно да получите повече информация за нея чрез кликане на бутона "Read More".

👉 Описание на страницата “Contacts”: В тази страница можете да се свържете с нас намирайки адреса ни на Google Карти или просто да ни напишете вашето запитване използвайки контактната форма. С цел сигурност, ние сме защитени от спам чрез reCAPTCHA.

👉 Описание на страницата “Privacy”: Грижим се защитата на вашите лични данни, затова разгледайте нашите политики и бъдете сигурни, че важат последните GDPR регулации.

👉 Описание на страницата “FAQ”: Имате бързи въпроси? Не се притеснявайте да видите нашите отговори.

👉 Описание на страницата “Recipe Details”: TODO

👉 Описание на страницата “Article Details”: Тази страница дава всичко необходимо за една статия. Заглавие, автор, дата на публикуване, категория и не на последно място - описание на статията. В страничната лента отдясно можете да използвате търсачката (търсене по заглавие на статия), категориите с броя статии в тях и последните написани статии.

🔨 Used technologies

• ASP.NET CORE 3.1 MVC
• ASP.NET Core areas
• Angular
• Angular Image Slider with Lightbox
• Bootstrap
• Fontawesome
• Angular component for Google reCAPTCHA
• Angular ScrollTop
• Angular JWT
• Entity Framework CORE 3.1
• Newtonsoft.Json
• SendGrid
• HtmlSanitizer

💾 Database Diagram

Authors

• Stanislav Stoyanov

✌️ Show your opinion

Give a ⭐ if you like this project!

License

This project is licensed under the MIT License - see the LICENSE file for details