{"id":21028293,"url":"https://github.com/vladislav0art/artilinks","last_synced_at":"2026-04-11T19:01:39.442Z","repository":{"id":156121890,"uuid":"446869322","full_name":"Vladislav0Art/ArtiLinks","owner":"Vladislav0Art","description":"ArtiLinks - Bookmark Manager that helps categorize and save bookmarks. Fullstack project created using NextJS","archived":false,"fork":false,"pushed_at":"2023-07-08T11:28:46.000Z","size":51856,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T14:36:30.439Z","etag":null,"topics":["http-only-cookies","jwt","jwt-authentication","mongodb","mongoose","nextjs","nodemailer","open-graph-scraper","reactjs"],"latest_commit_sha":null,"homepage":"https://artilinks.vercel.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/Vladislav0Art.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,"publiccode":null,"codemeta":null}},"created_at":"2022-01-11T15:09:33.000Z","updated_at":"2023-08-16T22:57:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"e05de364-8965-47e5-ad46-f68551184509","html_url":"https://github.com/Vladislav0Art/ArtiLinks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Vladislav0Art/ArtiLinks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vladislav0Art%2FArtiLinks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vladislav0Art%2FArtiLinks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vladislav0Art%2FArtiLinks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vladislav0Art%2FArtiLinks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vladislav0Art","download_url":"https://codeload.github.com/Vladislav0Art/ArtiLinks/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vladislav0Art%2FArtiLinks/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31691503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T13:07:20.380Z","status":"ssl_error","status_checked_at":"2026-04-11T13:06:47.903Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["http-only-cookies","jwt","jwt-authentication","mongodb","mongoose","nextjs","nodemailer","open-graph-scraper","reactjs"],"created_at":"2024-11-19T11:54:42.225Z","updated_at":"2026-04-11T19:01:39.371Z","avatar_url":"https://github.com/Vladislav0Art.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./assets/img/readme-header.png\" alt=\"ArtiLinks Logo\" /\u003e\n\n\n# **ArtiLinks** - Bookmark Manager\n\nRead this in other languages: [Русский](./README.ru.md), [English](./README.md).\n\n\n## Project idea:\n\n---\n\nThe application solves the problem of storing \u0026 categorizing links to useful online-services.\n\n**Deployment** [here](https://artilinks.vercel.app/).\n\n\n## Implemented functionality:\n\n---\n\n1. Registration with email confirmation \u0026 Authorization\n1. Password recovery via email\n1. Categorization of links (groups \u0026 collections):\n    - **Group** is a container that stores a set of collections\n    - **Collection** is a container that stores the links\n    - Example: _Programming_ is a group, _Javascript_ is a collection\n1. Full-fledged **CRUD** API for the groups \u0026 collections\n1. Ability to change a group of a created collection\n1. Automatic data scraping of resources:\n    - Retrieving favicons, titles, descriptions, and domain names\n1. Links searching functionality within the considered collection:\n    - Search is made by the link title \u0026 the resource domain\n1. Error notifications\n\n\n## Used technologies:\n\n---\n\n| Technology             | Description |\n|------------------------|----------|\n| NextJS                 | React server-side rendering framework |\n| jsonwebtoken           | User Registration \u0026 Authentication |\n| nodemailer             | Email confirmation \u0026 Password recovery |\n| MongoDB/Mongoose       | Cloud-based database |\n| axios                  | API requests of client \u0026 server sides |\n| open-graph-scraper     | Data scraping of resources |\n| react-transition-group | Animations of rendered components |\n\n## Difficulties encountered \u0026 Interesting task:\n\n---\n\nThe most time consuming and interesting part was developing the JWT authentication/registration. This approach was new to me, so I had to spend a lot of time searching for information about how to write such functionality correctly. In the end, I implemented a separate service class to handle **refresh/access-tokens**. The main problem was access-token update in the case when user sent a request to the API-protected route, being authenticated, but having an already expired access-token. I found out that the **axios** library supports **interceptor functionality**, which have solved my problem. With an expired access-token, my server returns a **401 authorization error**, in the interceptor response from the server I catch this type of error, send a request to update the tokens, and then try to repeat the original request.\n\n## Screenshots and videos:\n\n---\n\n### **Youtube** video with functionality demonstration:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003ca href=\"https://youtu.be/69W3Q3u83dg\"\u003e\n        \u003cimg style=\"max-width: 500px; width: 100%;\" src=\"./assets/img/youtube-thumbnail.png\" alt=\"Video Thumbnail\" /\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n### Main page screen:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 800px; width: 100%;\" src=\"./assets/img/main.png\" alt=\"Landing Page Main Screen\" /\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; justify-content: center; margin-top: 20px\"\u003e\n    \u003cimg style=\"max-width: 800px; width: 100%;\" src=\"./assets/videos/landing-page-scrolling.gif\" alt=\"Landing Page Scrolling\" /\u003e\n\u003c/div\u003e\n\n\n### Registration \u0026 Login:\n\n\u003cdiv style=\"display: flex; justify-content: space-around;\"\u003e\n    \u003cimg style=\"max-width: 550px; width: 100%;\" src=\"./assets/img/registration.png\" alt=\"Registration Screen\" /\u003e\n    \u003cimg style=\"max-width: 550px; width: 100%;\" src=\"./assets/img/login.png\" alt=\"Login Screen\" /\u003e\n\u003c/div\u003e\n\n\n### Password Recovering:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 800px; width: 100%;\" src=\"./assets/img/password-recover.png\" alt=\"Password Recovering Screen\" /\u003e\n\u003c/div\u003e\n\n\n### Error Notifications:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 800px; width: 100%;\" src=\"./assets/img/error-notification.png\" alt=\"Error Notification Screen\" /\u003e\n\u003c/div\u003e\n\n\n### Dashboard View:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 900px; width: 100%;\" src=\"./assets/img/dashboard-1.png\" alt=\"Dashboard Screen\" /\u003e\n\u003c/div\u003e\n\n\u003cdiv style=\"display: flex; justify-content: center; margin-top: 20px\"\u003e\n    \u003cimg style=\"max-width: 900px; width: 100%;\" src=\"./assets/videos/functionality-demonstration.gif\" alt=\"Functionality Demonstration\" /\u003e\n\u003c/div\u003e\n\n\n### Bookmark Editing:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 900px; width: 100%;\" src=\"./assets/img/bookmark-editing.png\" alt=\"Bookmark Editing Screen\" /\u003e\n\u003c/div\u003e\n\n\n### Collection Creation:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 900px; width: 100%;\" src=\"./assets/img/collection-creation.png\" alt=\"Collection Creation Screen\" /\u003e\n\u003c/div\u003e\n\n\n### Available Dialogs:\n\n\u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cimg style=\"max-width: 900px; width: 100%;\" src=\"./assets/img/dialogs.png\" alt=\"Available Dialogs\" /\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladislav0art%2Fartilinks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvladislav0art%2Fartilinks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvladislav0art%2Fartilinks/lists"}