https://github.com/pavkout/photo-gallery
This is a photo album app
https://github.com/pavkout/photo-gallery
Last synced: 3 months ago
JSON representation
This is a photo album app
- Host: GitHub
- URL: https://github.com/pavkout/photo-gallery
- Owner: pavkout
- License: mit
- Created: 2022-07-22T06:41:22.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-19T18:11:43.000Z (almost 3 years ago)
- Last Synced: 2025-01-16T06:58:36.444Z (5 months ago)
- Language: TypeScript
- Homepage: https://www.pavkout.cloud
- Size: 4.95 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Overview
This is a photo album app
# Demo
You can follow the [link](https://www.pavkout.cloud/) to see the online demo.
## Used Stack
- [TypeScript](https://www.typescriptlang.org/)
- [React](https://reactjs.org/)
- [Next.js](https://nextjs.org/)
- [Styled-components](https://styled-components.com/)
## Photo Album
- [x] Select a user.
- [x] Select an album from user.
- [x] See the photos from selected album.
- [x] Search for an image.
- [x] Highlight the searching title (Added mark, strong and italic style).
- [x] Modify the images style by settings drawer.
- [x] Change gutters.
- [x] Change size of the image.
- [x] Saved the user settings in local storage. (Reload)
## Features
- [x] Mobile Friendly.
## Tests (Jest)
- [x] Test Suites: 4 passed
- [x] Tests: 25 passed
## Getting started
The existing code includes a development environment, and an [API](#api) with product data for you to interact with. The relevant API response types can be found in [src/types.ts](src/types.ts).
### Setup
```sh
yarn install
```
### Running locally
#### Development
Start the project in development mode.
```sh
yarn dev
```
Run all the tests.
```sh
yarn test
```
#### Production
Build and start the project in production mode.
```sh
yarn start
```
## API
Use the following endpoints:
#### `http://jsonplaceholder.typicode.com/users`
#### `http://jsonplaceholder.typicode.com/users/[id]/albums`
#### `http://jsonplaceholder.typicode.com/albums/[id]/photos`