Personal collections app

Collection app that lets create, update and delete collections of different items. There're 3 types of users. Anauthenticated users can only view collections. Authenticated users can control their collection while admin users can authorize other users, such as enabling/disabling other admins and blocking/unblocking users. The app also responds to different viewport sizes.

Each collection has a name, author, description and items. Each items has a name, type and tags. Optional fields and values can be added to each item.

App link

Video demo - link is temporarily broken

Technologies used

Frontend

Backend

Frontend is hosted by Netlify and backend is deployed on Render

Run project locally

In the /client directory:

npm run dev:

Runs the frontend in the development mode. Open http://localhost:5173 to view it in your browser

npm run build:

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

In the /app directory:

Create .env file and add the following keys:

ATLAS_CONNECTION_PASSWORD=
AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
S3_BUCKET=
S3_REGION=

npm run dev:

Runs the backend in the development mode.