{"id":26005351,"url":"https://github.com/alexmayol/midnight_products_cms","last_synced_at":"2026-02-15T15:10:01.063Z","repository":{"id":40746168,"uuid":"192954155","full_name":"AlexMayol/midnight_products_cms","owner":"AlexMayol","description":"Vue.JS front-end for the Midnight Products CMS","archived":false,"fork":false,"pushed_at":"2023-01-04T00:54:57.000Z","size":4161,"stargazers_count":1,"open_issues_count":22,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-21T16:59:12.241Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://musing-johnson-5ae84e.netlify.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AlexMayol.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-06-20T16:33:07.000Z","updated_at":"2023-03-07T04:36:00.000Z","dependencies_parsed_at":"2023-02-01T16:32:27.494Z","dependency_job_id":null,"html_url":"https://github.com/AlexMayol/midnight_products_cms","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AlexMayol/midnight_products_cms","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexMayol%2Fmidnight_products_cms","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexMayol%2Fmidnight_products_cms/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexMayol%2Fmidnight_products_cms/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexMayol%2Fmidnight_products_cms/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlexMayol","download_url":"https://codeload.github.com/AlexMayol/midnight_products_cms/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexMayol%2Fmidnight_products_cms/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276273642,"owners_count":25614217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-21T02:00:07.055Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-05T20:53:40.583Z","updated_at":"2025-09-21T16:59:12.474Z","avatar_url":"https://github.com/AlexMayol.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Midnight CMS\nThis project includes two parts: \n- Backend: RESTful API built with Node \u0026 Express and PostgreSQL as a database. \n- Frontend: Vue.js app with Nuxt.js\n\n## Backend\nThe code for the API is [in this other repository.](https://github.com/AlexMayol/midnight_products_api)  \nI chose PostgreSQL in order to learn how to use a SQL language in Node, since [I previously developed with MongoDB and Node](https://github.com/AlexMayol/Telegram-Bots).\nI decides to use [ElephantSQL, a PostgreSQL SaaS](https://www.elephantsql.com/) in order to simplify both development and deployment phases. A backup of the database can be found on this repository. [node-postgres](https://node-postgres.com/) was used to ease the connection between PostgreSQL and node.js.\n\n[The documentation for this API can be found in this url: https://arcane-sea-21496.herokuapp.com/api-docs/](https://arcane-sea-21496.herokuapp.com/api-docs/)\n\nIt's hosted on Heroku.\n\n\n## Frontend\n[Here is the website](https://musing-johnson-5ae84e.netlify.com)\nYou can find the code for the frontend part in this repository. You can see a classic Nuxt.js folder structure since it was my framework of choice. \nThe app has 3 main routes:\n1. Colors: here you can create a color. Give it a name (label) and pick a color with the native HTML5 color input. In a product, you'll see a preview of the color and the label as the title.\n2. Categories: create a category by giving it a name, a description and a cute preview image. This is a nice adittion in case we would want to list all the categories in the future.\n3. Products: create a new product by giving it a name, price, three descriptions (English, Spanish and German), a nice image to show how cool the product is and a category. You can also pick a color or more, but it's not required.\n\nAll of these entities can be created, modified and deleted. Each one has a form inside to update it and see the change in real time.\n \nThis frontend is hosted on Heroku.\n\n## FAQ\n1. Does your API have an auth system?\n\u003e No, I didn't consider it to be necessary. This way, everybody can add, edit and delete and it's so much fun!\n2. Did you use a component library for the frontend?\n\u003e No. I see component libraries as overkill for small projects and they add a layer of complexity I don't want to deal with. If I had to pick one, anyway, I'd choose [Quasar](https://quasar.dev/) since I've seen and read a lot of good comments about it.\n3. Did you use SSR in your app?\n\u003e Yes. As stated above, I decided to use Nuxt.js. Since I love performance, this way of developing modern apps is a good choice. Also, SEO is the hidden boss behind every developer, and SSR greatly helps with it. The rest is up to you!   \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexmayol%2Fmidnight_products_cms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexmayol%2Fmidnight_products_cms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexmayol%2Fmidnight_products_cms/lists"}