Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/haliljon/collections_hub_front

Collections Hub is a dynamic web app for personal collection management. Users can effortlessly create and delete collections and items, with admins enjoying powerful management capabilities. Front end is done with React JS and back end is done with RoR.
https://github.com/haliljon/collections_hub_front

bootstrap css js json json-api rails-api reactjs ruby-on-rails

Last synced: about 1 month ago
JSON representation

Collections Hub is a dynamic web app for personal collection management. Users can effortlessly create and delete collections and items, with admins enjoying powerful management capabilities. Front end is done with React JS and back end is done with RoR.

Awesome Lists containing this project

README

        


Collections Hub 🧑🏻‍💻


# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [ Collections Hub 🧑🏻‍💻 ](#-Collections-Hub-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👤 Author ](#-author-)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support ](#️-show-your-support-)
- [📝 License ](#-license-)

# Collections Hub 🧑🏻‍💻

Collections Hub is a dynamic web app for personal collection management, crafted with JavaScript and React. Users can effortlessly create and delete collections and items, with admins enjoying powerful management capabilities. The intuitive interface includes features such as personalized customizable item fields, and an engaging main page showcasing the latest collections and items inside. The platform promotes user interaction with a linear comment system and like functionality. With multilingual support, thematic options, and adaptable design, Collections Hub offers a seamless and personalized experience for collectors and enthusiasts. Front end is done with React JS and back end is done with RoR.

## 🛠 Built With

### Tech Stack

Client

### App Screenshot

Screenshot 2023-11-29 at 12 30 21 PM

### Back-end Repository

- Here is the link to the [Back-End](https://github.com/haliljon/collections_hub_backend.git)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

```
$ git --version
```

Likewise for Node.js and npm for package installation.

```
$ node --version && npm --version
```

### Setup

Clone this repository using the GitHub link provided below.

### Install

In the terminal, go to your file directory and run this command.

```
$ git clone https://github.com/haliljon/collections_hub_front.git
```

### Usage

Kindly modify the files as needed.

In the project directory, you can run:

```
$ npm start
```

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.

(back to top)

## 👤 Author

**Haliljon Juraboev**

- GitHub: [@githubhaliljon](https://github.com/haliljon)
- Twitter: [@twitterhaliljon1](https://twitter.com/haliljon1)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/juraboev-haliljon)

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/haliljon/collections_hub_front/issues).

(back to top)

## ⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)