{"id":23176772,"url":"https://github.com/ryanlarge13/soap-works","last_synced_at":"2026-04-13T00:43:23.916Z","repository":{"id":63217497,"uuid":"559457336","full_name":"RyanLarge13/Soap-Works","owner":"RyanLarge13","description":"Fullstack EJS, Nodejs, MongoDB E-commerce all natural soap website built for the ultimate business!","archived":false,"fork":false,"pushed_at":"2024-06-08T20:53:02.000Z","size":929,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T09:41:39.936Z","etag":null,"topics":["ejs-templates","javascript","mongodb","nodejs","sass"],"latest_commit_sha":null,"homepage":"https://soap-works-production.up.railway.app/","language":"JavaScript","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/RyanLarge13.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-10-30T07:01:44.000Z","updated_at":"2024-06-08T20:53:05.000Z","dependencies_parsed_at":"2023-01-30T20:46:02.255Z","dependency_job_id":"4faec6e6-6b59-4bfc-b2ef-ab27ea193ef0","html_url":"https://github.com/RyanLarge13/Soap-Works","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLarge13%2FSoap-Works","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLarge13%2FSoap-Works/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLarge13%2FSoap-Works/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLarge13%2FSoap-Works/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RyanLarge13","download_url":"https://codeload.github.com/RyanLarge13/Soap-Works/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247273459,"owners_count":20911934,"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","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":["ejs-templates","javascript","mongodb","nodejs","sass"],"created_at":"2024-12-18T06:19:32.448Z","updated_at":"2026-04-13T00:43:18.880Z","avatar_url":"https://github.com/RyanLarge13.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Soap-Works\nFullstack EJS, Nodejs, MongoDB E-commerce all natural soap website built for the ultimate business!\n\n## About Soap Works\nSoap Works is a full fledged business on the rise.\nThis business focuses on selling natural homemade soap\nproducts, along with other self care and hygienic products\nmade with all natural ingredients. This repo is home\nto the source code that allows people to shop for products from\nthis business, mail the business owner and view all\nthe information pertaining to each product.\n\n## UI/UX\n### Look \u0026 Feel\n1. The design behind this website is meant to be clean and simple.\nA small color pallet was introduced to keep the website consistent\nand beautiful.\n\n2. Modern design ideas were put in place such as masonry grids, and mobile\nfriendly ratios.\n\n### User Interface\n1. The home page is designed to show a capped amount of products\nfrom each category to give the user an idea of some of the best\nproducts this business has to offer and each one with a simple\nand accessible way to add a product to the cart as well as a view more button to\nnavigate the user to each specific product page where more can be done\n\n2. Every piece of functionality is easy to realize and\nreact with on each page. The design was focused on simplicity \nand easabilty for the user to access the information they need \nand purchase items with ease. \n\n3. Another focus of this application was the mobile experience\nand making it feel as if it is a Native mobile application. \n\n## Structure\nThis is a monorepo application written in EJS for the client (Frontend) and Node.js (Backend) \nThe folder structure contains two nested directories one for each. \n\n### Frontend\n``` \nFrontend \n   - assets\n      - images\n   - global\n      - js\n      - styles\n   - pages\n     - each page\n        - js\n           - all page specific scripts.js\n        - styles\n           - all page specific stylesheets.css\n        - ejs file.ejs\n   - partials\n     - partial\n        - all partial specific files.js/css/ejs\n```\n\nThe structure is built in a way to easily scale.\n### Assets\nThis directory will contain a nested folder for each asset subject\nex: Images, Videos, Logos, etc..\n\n### Global\nThe Global directory is where all partials styles and\njavascript is imported to. This creates less clutter in each pages\nhtml *\u003chead\u003e* tag for importing partials used across the platform.\n\n### Pages\nIn the pages folder you will find nested directories. In\neach directory you will find 1 file containing the main ejs file for that page \u0026 two folders\none for Javascript pertaining specifically to that page and the other for style sheets\npertaining to solely that page.\n\n### Partials\nFor each partial a folder will be created in this directory.\nWithin that folder all files will be placed as most partial\ndocuments are small and require relatively small amounts of code\nno nested folders are created within each partial directory.\n\n### Backend\n```\nBackend\n   - routes\n      - route subject\n        - route files.js\n   - config\n      - config files.js\n   - middleware\n      - middleware subject\n        - middleware files.js\n   - controllers\n      - controller subject\n        - controller files.js\n   - models\n      - model subject\n        - model files.js\n   - server.js\n```\n\n### Routes\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanlarge13%2Fsoap-works","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryanlarge13%2Fsoap-works","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanlarge13%2Fsoap-works/lists"}