Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/modemobpsycho/collections-backend
- Owner: modemobpsycho
- License: mit
- Created: 2024-08-09T03:07:41.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-05T16:52:05.000Z (4 months ago)
- Last Synced: 2024-11-10T12:14:45.367Z (2 months ago)
- Topics: express, jwt, multer, render, socket-io
- Language: TypeScript
- Homepage: https://collections-backend-jkri.onrender.com
- Size: 172 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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