Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/haliljon/collections_hub_front
- Owner: haliljon
- License: mit
- Created: 2023-11-10T11:25:42.000Z (about 1 year ago)
- Default Branch: final-touch
- Last Pushed: 2023-12-13T20:05:59.000Z (about 1 year ago)
- Last Synced: 2023-12-13T21:56:45.918Z (about 1 year ago)
- Topics: bootstrap, css, js, json, json-api, rails-api, reactjs, ruby-on-rails
- Language: JavaScript
- Homepage: https://collections-hub.netlify.app/
- Size: 1.04 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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 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.
Client
### App Screenshot
### Back-end Repository
- Here is the link to the [Back-End](https://github.com/haliljon/collections_hub_backend.git)
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.
**Haliljon Juraboev**
- GitHub: [@githubhaliljon](https://github.com/haliljon)
- Twitter: [@twitterhaliljon1](https://twitter.com/haliljon1)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/juraboev-haliljon)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/haliljon/collections_hub_front/issues).
Give a ⭐️ if you like this project!
This project is [MIT](./LICENSE) licensed.