Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aliyildizoz/photo-channel-spa
In this app users can create channels and share photos, comment or like photos in these channels. We can also tag these channels and filter the channels accordingly and find channels in the areas we are interested in.
https://github.com/aliyildizoz/photo-channel-spa
docker docker-compose photo-channel react react-redux redux social-media
Last synced: about 1 month ago
JSON representation
In this app users can create channels and share photos, comment or like photos in these channels. We can also tag these channels and filter the channels accordingly and find channels in the areas we are interested in.
- Host: GitHub
- URL: https://github.com/aliyildizoz/photo-channel-spa
- Owner: aliyildizoz
- License: mit
- Created: 2020-08-28T22:18:23.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-03-31T23:15:04.000Z (9 months ago)
- Last Synced: 2024-05-21T05:05:58.883Z (7 months ago)
- Topics: docker, docker-compose, photo-channel, react, react-redux, redux, social-media
- Language: JavaScript
- Homepage:
- Size: 1.64 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PhotoChannel
- [Purpose of the application](#purpose-of-the-application)
- [Features](#features)
- [Used technologies](#used-technologies)
- [Setup](#setup)
- [Database Diagram](#database-diagram)
- [Swagger](#swagger)
## English
### Purpose of the application
The application tried to combine some features of youtube and instagram. It is inspired by creating and subscribing channels on Youtube, sharing , liking and commenting photos on Instagram. In this direction, users can create channels and share photos, comment or like photos in these channels. We can also tag these channels and filter the channels accordingly and find channels in the areas we are interested in.
### Features
1. **Creating an account**
2. **Creating channels**
3. **Profile page**
- Viewing shared photos
- Viewing liked photos
- Viewing comments
- Viewing subscriptions
- Viewing the user's channels
4. **Channel page**
- Sharing photos on the channel
- Viewing channel gallery
- Viewing channel subscribers and channel owner
5. **Photo**
- Liking a photo
- Doing comment on the photo
- Viewing likes
- Viewing comments
6. **Home page**
- Viewing current user's stream
- Viewing the most liked photos
- Viewing photos with the most comments
- Viewing channels with the most subscribers
- Filtering channels by category
### Setup
- **Install with Docker;**
If docker is installed on your computer, open the terminal in the location where the `docker-compose.yml` file is located and run the `docker compose up` command.
- **To create the database by migrating;**
Open the terminal in the PhotoChannelWebApi folder and run the commands below.
1. `dotnet ef migrations add InitialCreate`
2. `dotnet ef database update`
- **To create database with sql script;**
- Run the [CreateDatabase.sql](https://github.com/AliYildizoz909/PhotoChannel/blob/master/CreateDatabase.sql) file in ms sql database.
> The backend of the project was written with the asp.net core web api. You can look from [here](https://github.com/AliYildizoz909/PhotoChannel).
## Used technologies
- **Backend**
- Asp.Net Core Web Api
- .Net 8
- Entity Framework Core
- Fluent Validation
- Cloudinary
- InMemory Cache
- NLog
- Filtering
- SwaggerUI
- N-Tier Architecture
- **FrontEnd**
- reactjs
- react-bootstrap
- bootstrap
- filepond
- redux
- redux-thunk
- cloudinary-react
- react-router-dom
- connected-react-router
- simple-react-validator
- react-photo-gallery
- font-awesome
## Database Diagram
## Swagger
