Note: This repository contains the code for building the server side of the Befer app, which was already written with Angular. The development of the initial client side code can be found in this repository.
⚠️
Firebase - https://befer-site.web.app
Hosted on Azure - https://beferserver.azurewebsites.net/index.html
Test userYou can try all features without registration using my test user. The test user has 3 public and 1 private posts for now.
Username: Befer_Fan_96
Password: test123
Befer Website is created as defense project for Angular course at SoftUni (March 2022).
Befer website is a network for people who would like to share their "before and after" photography to others, or just store the photos without expose in public. Place for browsing other people's photography and have fun. Befer is a platform, where users can introduce their best pictures and great transformations or comment and like other people's photos.
Befer is a place, where users can share their own "before and after" photography, or their opinion of others posts. They can achive this through creating posts, adding comments or liking them. All users can browse through all public posts.
Befer supports users with profile page, storing basic information about them like: full name, username, email, default profile picture. Every user have own posts page, where he can store his public or private posts. Users are able to add comments to every posts and like, or disslike posts of other users. Every user have access to all public posts, which can be sorted by date or likes. Only authenticated users can see full features of the application.
All authenticated users are able to add posts. For this purpose they should fill a form with basic details for their post (title, "Before" image URL, "After" image URL, optionaly: description and they can chose whether their post will be public or private).
Note: Once successfully added a private post, it is visible only in "My Posts" page and it is not visible to other users.
If the post is public It is shown in "all posts page" and can be visible on home page, but only if the post entered top 5 / 10 posts by creation date or likes. All posts can be accessed using "All posts" button in the navbar, where there is a option for sorting them by likes or creation date. Top 5 or top 10 posts can be seen on home page with option for sorting them by likes or creation date. Post details button is provided in every company form as "see After". Using post details page, an user can add a comment to the post, like or dislike the post. Author of a particular post can see delete and edit buttons in details page of his posts, from where he can access edit post page, or delete the post.
Comments can be posted only by authorized users to all public posts. Every single comment is connected to a single post. Only the author of the comment have the option to delete or edit it. Only users, which are not author of a single post can like the post. After that they are able to dislike the post.
Befer website supports translation in English and Bulgarian languages.
⚠️ Hidden project inside!
Check my mini project inside Befer website. The project is a game, where you can chill, during defeating aliens, achieving higher levels, compete for points with other Befer users and just have fun. In the last level you have the opportunity to fight with my Alien caricature. If you don't like the project - avenge me. 😊
Don't forget to see your score and rank at the end! 🏆
How to play?
- You can access the game from "page not found". So get the URL wrong. 😃
- Or directly from this URL: https://befer-site.web.app/spacefight
Note: You have to be logged in to play the game. Your scores are important for me and the ranking list.
Note: For best game play experience play on screen with resolution 1920x1080!
- ASP.NET CORE 6.0 WEB API
- EntityFrameworkCore
- In-Memmory Cache
- MSSQL Server
- AutoMapper
- Angular
- Angular - validations with reactive forms and ngForm
- Angular - modules, components, directives, pipes, router, httpRequest and other features
- JavaScript
- TypeScript
- Custom HTML & CSS
- Web Api services + AJAX real-time Requests
- Font Awesome
-
Download the code from this repo.
-
Run "npm i" for installing all depencencies.
-
Run "ng serve" for a dev server. Navigate to http://localhost:4200/.
- Facebook: @Svilen Stoev
- LinkedIn: @svilenstoev
Give a ⭐ if you like this project!
This project is licensed under the MIT License - see the LICENSE file for details