{"id":19560749,"url":"https://github.com/danidre14/projectree-frontend","last_synced_at":"2026-05-15T04:32:13.040Z","repository":{"id":49983707,"uuid":"515324327","full_name":"danidre14/projectree-frontend","owner":"danidre14","description":"Projectree allows you to create a page showcasing all the projects you want to share with your audience.","archived":false,"fork":false,"pushed_at":"2022-09-03T03:45:20.000Z","size":1750,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-26T08:42:35.311Z","etag":null,"topics":["frontend","jamstack","netlify","spa"],"latest_commit_sha":null,"homepage":"https://projectree.net","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/danidre14.png","metadata":{"files":{"readme":"README.MD","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.MD","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-18T20:00:27.000Z","updated_at":"2023-05-12T17:08:47.000Z","dependencies_parsed_at":"2022-08-22T19:21:23.816Z","dependency_job_id":null,"html_url":"https://github.com/danidre14/projectree-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/danidre14/projectree-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danidre14%2Fprojectree-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danidre14%2Fprojectree-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danidre14%2Fprojectree-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danidre14%2Fprojectree-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danidre14","download_url":"https://codeload.github.com/danidre14/projectree-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danidre14%2Fprojectree-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33053728,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-15T02:00:06.351Z","response_time":103,"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","jamstack","netlify","spa"],"created_at":"2024-11-11T05:08:42.794Z","updated_at":"2026-05-15T04:32:13.007Z","avatar_url":"https://github.com/danidre14.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Frontend Codebase for Projectree\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/a41cbdae-4440-4f37-9f16-4955ae8cc3c6/deploy-status)](https://app.netlify.com/sites/projectree/deploys) \n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\n\n![flevar logo](./static/images/projectree-cover.png)\n# **Projectree:** Create your Project Showcases in Minutes!\n\n\n# About\n\n[**Projectree**](https://projectree.net/) is an open-source tool that helps you create and showcase your projects lists without the hassle of building it yourself. Just add your project details, choose a theme, and generate!\n\n# Features\n\n* Create or edit a Projectree\n* Download generated Projectree to self host\n* Host Projectree on site\n\n# Roadmap\n\n* [x] **v 0.1**\n    * [x] Set up a single page application\n    * [x] Develop custom frontend library\n    * [x] Add readmes and licenses\n    * [x] Determine database models and schemas\n    * [x] Plan API routes\n    * [x] Set up github repos\n\n* [x] **v 0.2**\n    * [x] Make \"Create Projectree\" prototype page\n    * [x] Develop a standard theme for projectrees\n    * [x] Allow users to download generated projectree\n\n* [x] **v 0.3**\n    * [x] Create sign up, sign in, and dashboard pages\n    * [x] Make \"Create Projectree\" prototype page\n    * [x] Deny or allow access to pages based on user authorization\n\n* [x] **v 0.5**\n    * [x] Create and style landing page, 404 page, and remaining pages\n    * [x] Host frontend on Netlify\n\n* [x] **v 0.6**\n    * [x] Add meta tags for SEO\n    * [x] Create page to view published projectrees\n    * [x] Add privacy policy and tos pages\n    * [x] Connect frontend to backend\n    * [x] Add more predefined themes users can choose for their projectrees\n\n* [ ] **v 0.7**\n    * [ ] Use modals for alerts, prompts and confirms instead of browser natives\n    * [ ] Allow users to upload their project images instead of using a link only\n    * [ ] Add user profile dashboard\n    * [ ] Allow users to reset passwords\n    * [ ] Allow exporting and importing projectree drafts as json\n\n# Prerequisites\n\n### Netlify\n\nTo set up a development environment, install Netlify's cli through your package manager of choice:\n\nExample:\n\n```sh\nnpm install netlify-cli -g\n```\n\n# Running and Deployment\n\n1. Clone the repo:\n```sh\ngit clone https://github.com/danidre14/projectree-frontend.git\n```\n\n2. Configure the `netlify.toml` file with your values of choice.\n\nAs Projectree's frontend is a single page application (SPA), all unknown (404) requests should be redirected to the root `\"/index.html\"` file.\n\n```\n[dev]\n  port = 3000\n\n[[redirects]]\n  from = \"/*\"\n  to = \"/index.html\"\n  status = 200\n```\n\n3. Run `netlify dev` in your local terminal to start the project locally.\n\nOpen a browser and hit `\"http://127.0.0.1:3000\"` or localhost at the set port in your `netlify.toml` file.\n\n4. [Deploy](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) your frontend to netlify.\n\nCheck the [backend codebase](https://github.com/Sophyia7/projectree-backend) for documentation on the APIs.\n\n5. Configure the `baseUrl` variable in the `/static/js/utils/makeRequest.js` file to point to where you have deployed your backend.\n\n\n## Created for the [PlanetScale](https://planetscale.com/?utm_source=hashnode\u0026utm_medium=hackathon\u0026utm_campaign=announcement_article) x [Hashnode](https://hashnode.com/?source=planetscale_hackathon_announcement) [Hackathon](https://townhall.hashnode.com/planetscale-hackathon?source=projectree_frontend_github)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanidre14%2Fprojectree-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanidre14%2Fprojectree-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanidre14%2Fprojectree-frontend/lists"}