Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/taypyc/simple-photo-gallery
Simple Photo Gallery / ReactJS Application
https://github.com/taypyc/simple-photo-gallery
axios-react react react-dom react-redux react-router-dom redux-persist styled-components web-vitals
Last synced: 20 days ago
JSON representation
Simple Photo Gallery / ReactJS Application
- Host: GitHub
- URL: https://github.com/taypyc/simple-photo-gallery
- Owner: taypyc
- Created: 2024-08-15T21:03:31.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-16T05:03:40.000Z (3 months ago)
- Last Synced: 2024-10-10T17:22:26.557Z (about 1 month ago)
- Topics: axios-react, react, react-dom, react-redux, react-router-dom, redux-persist, styled-components, web-vitals
- Language: JavaScript
- Homepage: https://photo-gallery-simple.vercel.app
- Size: 313 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Photo Gallery application
The application is made using the ReactJS library and without using any UI component libraries.
Components are styled using the Styled Components library (CSS in JS method).
The following tools were also used: AXIOS for API requests, React Router for routing the application (in the demo image replaced by Hash Router, which is more friendly with GitHub Pages), Redux Persist for saving data in Local Storage.
Implemented: the main page, the gallery page, a modal window that opens by clicking on a photo, the ability to add to Favorites and a page with favorite photos.
You can familiarize yourself with the application online at the link:
## Can also be run locally
For this you need:
1) Clone the repository to your computer (by executing the command: git clone [email protected]:taypyc/simple-photo-gallery.git in the terminal);
2) Run the application using the npm run start commandThe application will be available at: in the browser.