{"id":18513575,"url":"https://github.com/marko19907/urban-infusion-website","last_synced_at":"2026-04-11T04:32:49.325Z","repository":{"id":36997855,"uuid":"502332754","full_name":"Marko19907/urban-infusion-website","owner":"Marko19907","description":"Urban Infusion front-end, Web Technologies (IDATA2301), spring 2022.","archived":false,"fork":false,"pushed_at":"2022-06-21T23:46:36.000Z","size":11854,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-02T16:45:08.557Z","etag":null,"topics":["frontend","github-pages","jwt","material-ui","netlify","react","react-query","redux","typescript","vite","yarn"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Marko19907.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":"2022-06-11T11:45:16.000Z","updated_at":"2022-08-17T13:59:26.000Z","dependencies_parsed_at":"2022-08-19T00:11:12.466Z","dependency_job_id":null,"html_url":"https://github.com/Marko19907/urban-infusion-website","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/Marko19907/urban-infusion-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marko19907%2Furban-infusion-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marko19907%2Furban-infusion-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marko19907%2Furban-infusion-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marko19907%2Furban-infusion-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Marko19907","download_url":"https://codeload.github.com/Marko19907/urban-infusion-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marko19907%2Furban-infusion-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["frontend","github-pages","jwt","material-ui","netlify","react","react-query","redux","typescript","vite","yarn"],"created_at":"2024-11-06T15:39:25.192Z","updated_at":"2026-04-11T04:32:49.295Z","avatar_url":"https://github.com/Marko19907.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Urban Infusion website, group 7\n\nThis repository contains the frontend made for the Urban Infusion project from NTNU's Web Technologies (IDATA2301) subject.\nThe project counts towards 60% of the final grade in the subject.\n\nThe back-end part can be found here: [https://github.com/Marko19907/urban-infusion-server](https://github.com/Marko19907/urban-infusion-server)\n\n[![Yarn build](https://github.com/Marko19907/urban-infusion-website/actions/workflows/main.yml/badge.svg?branch=main)](https://github.com/Marko19907/urban-infusion-website/actions/workflows/main.yml)\n\n### Built With\n* [React](https://reactjs.org) - A JavaScript framework for building user interfaces.\n* [TypeScript](https://www.typescriptlang.org) - A superset of JavaScript that adds static typing.\n* [Yarn](https://github.com/yarnpkg/yarn) - Our package manager.\n* [Vite](https://github.com/vitejs/vite) - A fast, next-gen frontend build tool.\n* [Material UI](https://mui.com) - React component library.\n* [JWT](https://github.com/jwtk/jjwt) - As the authentication mechanism.\n* [Netlify](https://www.netlify.com) - Used to deploy the website.\n\n## Getting Started\n\nTo get a local copy up and running follow these simple steps.\n\n### Prerequisites\n\nThis is a list of things you need in order to use this application.\n\n* Node.js\n* Yarn\n\n#### Downloading the project\n\n**Via HTTPS:**\n```sh\ngit clone https://github.com/Marko19907/urban-infusion-website.git\n```\n**Via SSH:**\n```sh\ngit clone git@github.com:Marko19907/urban-infusion-website.git\n```\nor download it directly as a zip from [here](https://github.com/Marko19907/urban-infusion-website/archive/refs/heads/main.zip).\n\n### Usage methods\n\n#### Deployment [Recommended]\n\n1. Head to [https://urbaninfusion.netlify.app](https://urbaninfusion.netlify.app) **or** [https://marko19907.github.io/urban-infusion-website/](https://marko19907.github.io/urban-infusion-website/)\n   to see the website in operation. \u003cbr\u003e\n   This is the preferred method.\n\n### Other usage methods\n\n#### Via Vite\n\n1. Make sure you have installed Node.js and Yarn on the system.\n2. Download and the extract zip-file **or** clone project to the desired location as specified in the [\"Downloading the project\"](#downloading-the-project) section.\n3. Run the command `yarn install` in the project root.\n4. After all the dependencies of project of the project are installed, run the command `vite` in the project root.\n5. The website should then be available at [http://localhost:3000](http://localhost:3000)\n\n## Project requirements\n\nThe application has two main roles:\n1. Admin\n2. User\n\nAn admin can do everything that a user can but admins can access extra functionality that is not available to users.\n\nA user can:\n\n* [x] Signup and log in\n* [x] View products\n* [x] Send in an order\n* [x] Write a comment for a product\n* [x] Edit their own comment\n* [x] See other user's comments\n\nAn admin can:\n\n* [x] Add a new product\n* [x] Update a product\n* [x] Delete a product\n* [x] See all user orders\n* [x] Mark an order as processed\n* [x] See all user comments for each product\n* [x] Delete any user comment\n\n#### Non-functional requirements for the project\n* Responsive design.\n* Load data from the backend.\n* Follow universal design (accessibility) principles.\n* Look aesthetically pleasing, according to current “website trends”.\n* Topic is provided by the professor.\n\nOur app currently has a predefined admin user and a regular user used under testing:\n\n_Admin:_\n* username: admin\n* password: admin\n\n_User:_\n* username: user\n* password: user\n\nNote: These predefined users are **only** meant to be used for demo and development purposes, they should not be included in a real scenario.\n\n## Disclaimers\n\n* All product images used were fetched from [pngegg.com](https://www.pngegg.com) and are covered by their _non-commercial use only_ license.\n* Icons used were either provided by the Material UI component library, provided by the companies themselves, or fetched from [fontawesome.com](https://fontawesome.com)\n* The user images used in this project have been generated by an AI and do not depict any person currently alive or dead.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarko19907%2Furban-infusion-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarko19907%2Furban-infusion-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarko19907%2Furban-infusion-website/lists"}