/show-photos-app

Manage images and share them with the community 📷

Primary LanguageTypeScript

Show Photos 📷

Web application to manage images and share them with the community.!.

Demo

 

Features ⚙️

  1. Login.
  2. Account creation.
  3. View photos posted by other users.
  4. Filter posts by: Top Rated / Least Rated / Most Recent.
  5. Search post by description.
  6. Access the publication and its details.
  7. Add comments to the publication.
  8. Add publications.
  9. Edit publication.
  10. Delete publication.
  11. Add posts to favorites.
  12. Remove publications from favorite.

 

Main Technologies 🧪

FrontEnd

  • React JS
  • SASS
  • Typescript
  • Apollo Client
  • Zustand
  • Cloudinary
  • Netlify (to deploy the app)

BackEnd

  • Node JS
  • PostgreSQL
  • Express JS
  • GraphQL
  • Apollo Server

Note: You can review the backend code in this link: https://github.com/Franklin361/showphotos-server

 

Installation 🧰

  1. Clone the repository (you need to have Git installed).
    git clone https://github.com/Franklin361/show-photos-app
  1. Install dependencies of the project.
    npm install
  1. Before running the development server, you need to...

Create an .env file in the root of the project and set the following value and add ...

```
VITE_HOST_SERVICE_WS=
VITE_HOST_SERVICE_HTTP=
VITE_HOST_CLOUDINARY=
```
  1. Run the project.
    npm run dev

 

Demo ⛓️

https://show-photos.netlify.app