Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/modemobpsycho/collections-backend

Repository with backend for web-application for arbitrary personal collection management. A web application that allows you to add, view, modify, and delete collections.
https://github.com/modemobpsycho/collections-backend

express jwt multer render socket-io

Last synced: 8 days ago
JSON representation

Repository with backend for web-application for arbitrary personal collection management. A web application that allows you to add, view, modify, and delete collections.

Awesome Lists containing this project

README

        

Collections


A full-stack web application for arbitrary personal collection management.


Report Bug
·
Request Feature


Project review

Home page

You can see the largest collections and the latest tags on it.

![image](https://github.com/user-attachments/assets/f0537805-712b-40a2-99b6-dc706493ba25)

As well as the latest added items and tags.

![image](https://github.com/user-attachments/assets/b7495067-abd3-4af5-8594-71c01fe8248a)

Login/Registration pages

![image](https://github.com/user-attachments/assets/5545f645-5108-4b66-be85-fec2ed647965)

![image](https://github.com/user-attachments/assets/6bfe31cf-1b2c-416d-8e18-6f2913e62a09)

Personal account


In the cabinet, you can change your data, view your reactions and comments, and, if you are an admin, manage users, as well as view your support requests.

![image](https://github.com/user-attachments/assets/61866ddf-c6ac-4af5-9062-e6fcec35b7f8)
![image](https://github.com/user-attachments/assets/51305ce9-b0e6-4e48-bf71-46a0f74bf0a9)
![image](https://github.com/user-attachments/assets/a6f7380b-2bc3-4ee5-ae2f-d92d326cdb5e)
![image](https://github.com/user-attachments/assets/75717746-b501-4392-9c23-2065aa7f12cc)
![image](https://github.com/user-attachments/assets/85b0d028-bbed-47fc-ae55-fb361a7ea1b2)

Adding a collection

To add a collection, a name and a theme are enough, but you can also upload photos and add fields to the collection.

In order to add a photo, you need to crop it to the desired aspect ratio using the built-in block on the page

There can be endless fields, they will all be required for each item in the collection.

The description can be written using the Markdown syntax.

![image](https://github.com/user-attachments/assets/ff2ea7b1-cbc6-4446-93f5-2026ce284232)

Collection page


On the collection page, it can be changed and deleted by the author and admins.

![image](https://github.com/user-attachments/assets/39ad047b-9ae1-434e-872f-2c9258665cbd)

You can also add an item here.

![image](https://github.com/user-attachments/assets/def0a605-6f1b-4b03-85e5-70cde1df2621)

Changing the collection

![image](https://github.com/user-attachments/assets/dca5b3b2-e342-435d-aced-f0f8a864fc19)

Item Page

Here you can view all the information for the author and the admin to manage the subject.

![image](https://github.com/user-attachments/assets/79ee612a-ce43-46db-a62f-23b1c02c1842)

You can like and write a comment that the author or admin can delete.
You can't put more than one like, just like and dislike at the same time.

Reactions and comments come in real time via websockets if 2 users are on the same item page.

Changing the item


You can delete tags by clicking on them.

![image](https://github.com/user-attachments/assets/9f3a0364-7362-40e6-b40b-aa8ce1c27137)

Search


Auto-quotes appear when typing tags.

![image](https://github.com/user-attachments/assets/f87fd6e5-51e5-4ddb-b5c4-3ec0598d1547)

There are always items on the search page that have the words from the query found in tags, title, collection name.

![image](https://github.com/user-attachments/assets/8e063fd0-748a-46e8-9961-40e908fd348a)

Themes and language

It is possible to switch the language and theme of the site.

![image](https://github.com/user-attachments/assets/7002848c-d79c-440d-9164-531e50858638)

![image](https://github.com/user-attachments/assets/a33e39e9-74b1-4460-98a8-f10d135520b7)

Responsive design

The site is fully adaptive.

![image](https://github.com/user-attachments/assets/7e897ea8-d1b9-459a-afac-f02e803f8e0f)

![image](https://github.com/user-attachments/assets/a88909bc-413f-4a71-b3f3-85101695d0ba)

![image](https://github.com/user-attachments/assets/3c68e152-17ad-42d2-a7e9-d5b2f461ff13)

Integrating Jira into the project

The user has the opportunity to contact the support service. The request will create a ticket in Jira with the data received from the user.

![image](https://github.com/user-attachments/assets/a2b1b549-674d-4400-90f6-23d24ceace31)

![image](https://github.com/user-attachments/assets/a0919f5a-1e17-4e7b-b5c1-1d11d14d8def)

The ability to log in using Google

![image](https://github.com/user-attachments/assets/2b12bca8-a1b3-4dfd-bd85-fba707850ee0)

## About The Project

Collections is a web-application for arbitrary personal collection management. A web application that allows you to add, view, modify, and delete collections.

## Used technologies

The technologies I used to build this web application can be seen in the repository tags or in package.json.

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request