Skip to content

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

License

Notifications You must be signed in to change notification settings

modemobpsycho/collections-frontend

Repository files navigation

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

As well as the latest added items and tags.

image

Login/Registration pages

image

image

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 image image image image

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

Collection page

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

image

You can also add an item here.

image

Changing the collection

image

Item Page

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

image

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

Search

Auto-quotes appear when typing tags.

image

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

image

Themes and language

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

image

image

Responsive design

The site is fully adaptive.

image

image

image

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

image

The ability to log in using Google

image

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Languages