DEV Community: Plaban Kumar Mondal

Photo Gallery made with Appwrite

Plaban Kumar Mondal — Mon, 09 May 2022 15:06:13 +0000

Overview of My Submission

Photoz is a simple photo gallery web app where user can share their recent captures.
I was thinking to build something that will teach me all the basic features of appwrite. In this app user can create account, login, delete account, share their images, delete images. All basic CRUD application stuff.

Front-end: React, React Router, Material UI
Back-end: Appwrite

Submission Category:

Web2 Wizards

Link to Code

PlabanKr / photoz

React photo gallery app build with appwrite

Photoz

Photoz is an image gallery app.

Getting Started

Appwrite

Follow this guide to install appwrite in your machine or in cloud.
After the successful installation of appwrite open your appwrite console. (default url for local appwrite installation is http://localhost:80/ or https://localhost:443/) Create a project and add a web platform in it.
For this project, go to Database and create a collection. You can name the collection whatever you like but collection id should be images or you can give the id of your liking but change it in the src/services/database.api.js. This collection should have a read access of role:all and write access of role:member.
You need to create the following attributes in that collection.

Attribute ID	Type	Required
title	string	required
url	string(url)	required
user_id	string	required
tags	string[]

And one index to query the data.

Index Key	Type	Attributes
user_id	key	user_id (ASC)

Appwrite Doc…

View on GitHub

Additional Resources / Info

Screenshots

License

MIT

Made a Photo Gallery web-app for Appwrite Hackathon

Plaban Kumar Mondal — Tue, 03 May 2022 14:04:59 +0000

There is an ongoing appwrite + DEV hackathon. And I wanted to take part in it but I had never used appwrite before. I was worried that learning appwrite will take a lot of time, plus I came to know about this hackathon very late so I may not be able to submit anything in this hackathon. But appwrite was really easy to understand and implement. I thought that making a photo gallery will teach me the core concepts of appwrite plus I can submit it to the hackathon.
After reading through the docs and 30 Days of Appwrite blog posts, I finally finished the site with bare minimum functionality. :D

Github repo: https://github.com/PlabanKr/photoz

My experience with Angular

Plaban Kumar Mondal — Sun, 01 May 2022 09:42:32 +0000

My Frontend Knowledge

I am familiar with react. I have mostly used react with functional component, hooks and react router. I am aware of class based components and redux but never used them.

My experience with Angular

I was recently checking a open source project that is using angular for their dashboard. I wanted to contribute to the frontend part of that open source project but before that I had to learn angular. I started learning angular from their official docs and their tutorial. It is overwhelming. The amount of concepts you have to understand before writing a slightly complex app is too much. Angular CLI creates a whole lot of files and folders that also makes it very hard navigate. I have been learning and experimenting with angular for last 2 weeks but still it is very confusing to me. I was hoping that it will be a easy for me to understand angular because of my previous experience in react. Maybe it will take more time for me to have a solid understanding of Angular. But for now I am taking a break from angular.