{"id":13344341,"url":"https://github.com/lamhoang1256/netcomic","last_synced_at":"2025-03-12T07:33:11.265Z","repository":{"id":61229118,"uuid":"545269937","full_name":"lamhoang1256/netcomic","owner":"lamhoang1256","description":"A Website Read Comic Using NextJS, Typescript, Firebase, Tailwindcss, Zustand","archived":false,"fork":false,"pushed_at":"2023-03-04T10:38:55.000Z","size":46950,"stargazers_count":4,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-10-24T18:35:09.688Z","etag":null,"topics":["firebase","nextjs","react","tailwindcss","typescript","zustand"],"latest_commit_sha":null,"homepage":"https://netcomic.vercel.app","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/lamhoang1256.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-10-04T04:21:36.000Z","updated_at":"2024-08-29T07:19:44.000Z","dependencies_parsed_at":"2024-10-24T07:44:33.871Z","dependency_job_id":"f52104d4-c12a-47c3-ae8a-93aba4d42509","html_url":"https://github.com/lamhoang1256/netcomic","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/lamhoang1256%2Fnetcomic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lamhoang1256%2Fnetcomic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lamhoang1256%2Fnetcomic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lamhoang1256%2Fnetcomic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lamhoang1256","download_url":"https://codeload.github.com/lamhoang1256/netcomic/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243178862,"owners_count":20249175,"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":["firebase","nextjs","react","tailwindcss","typescript","zustand"],"created_at":"2024-07-29T19:33:04.434Z","updated_at":"2025-03-12T07:33:09.014Z","avatar_url":"https://github.com/lamhoang1256.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Netcomic\n\nA Website Read Comic Using NextJS, Typescript, Firebase, Tailwindcss, Zustand\n\n## Overview\n\n- Official website: https://netcomic.vercel.app\n- Author: Nguyễn Hoàng Lâm ( [@lamhoang1256](https://github.com/lamhoang1256) )\n\n## Preview\n\nDark Mode:\n![home-darkmode·](https://user-images.githubusercontent.com/61537853/198968769-85739c4c-7b50-40a6-a38b-020a2eba05da.png)\n\nLight Mode:\n![home-lightmode](https://user-images.githubusercontent.com/61537853/198992036-e3b1c77e-93fa-483d-92f0-634b72c47bf0.png)\n\n## Resources\n\n- API: https://netcomic.vercel.app/api-doc (Crawl data from website Nhat Truyen - https://nhattruyenin.com)\n- Font Family: Averta\n\n## Main technology used\n\n- NextJS, Typescript\n- Firebase\n- Tailwindcss\n- Zustand (State management)\n- Axios (Support fetching data)\n- Swiper (Slider), react-modal (Modal)\n- React-toastify, sweetalert2 (Message UI)\n- Next-swagger-doc, swagger-ui-react (Document API)\n- Cheerio (Crawl data from website Nhat Truyen)\n- Other: react-tailwindcss-select, query-string, react-lazy-load-image-component, ...\n\n## Features\n\n- Suggested featured comics\n- Search comic by name\n- Filter by categories, top rank, date, ...\n- Save comic history\n- Follow comic you like\n- Update information profile\n- Level up through reading comic\n- Comments (require sign in)\n- Theme: dark mode, light mode\n\n## Environment Variables\n\n```\nNEXT_PUBLIC_NHATTRUYEN = https://nhattruyenin.com\nNEXT_PUBLIC_NODE_ENV = development (or production)\nNEXT_PUBLIC_SERVER = http://localhost:3000 (or Link vercel)\nNEXT_PUBLIC_LOCALHOST = http://localhost:3000\n\n# See: https://firebase.google.com\nNEXT_PUBLIC_FIREBASE_PUBLIC_API_KEY=\nNEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=\nNEXT_PUBLIC_FIREBASE_PROJECT_ID=\nNEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=\nNEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=\nNEXT_PUBLIC_FIREBASE_APP_ID=\nNEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=\n```\n\n## Screenshots\n\n\u003cdetails\u003e\n \u003csummary\u003eHome page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n ![home-light](https://user-images.githubusercontent.com/61537853/199261314-dc9dd474-6788-480d-9331-2d9f1305dd99.png)\n  \n Dark mode\n ![home-dark](https://user-images.githubusercontent.com/61537853/199261622-593214a3-81d7-47db-96a5-57c1821d2777.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eComic details page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n ![detail-light](https://user-images.githubusercontent.com/61537853/199262110-842c1379-c936-48be-89d0-04e0104892e8.png)\n \n Dark mode\n ![detail-dark](https://user-images.githubusercontent.com/61537853/199262083-0c10df07-afee-4007-a63e-86398565d2cb.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eRead chapter comic page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n![read-light](https://user-images.githubusercontent.com/61537853/199382272-b640ef5f-9d52-4f57-bd57-d607696d4dde.png)\n\nDark mode\n![read-dark](https://user-images.githubusercontent.com/61537853/199382257-162399ac-bf77-4e86-9138-562aa5a76aa6.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eBoy genre comic page\u003c/summary\u003e\n \u003cp\u003e\n \n![boy](https://user-images.githubusercontent.com/61537853/198970223-59970bb5-54de-42d2-9495-aacdefd3c2cf.png)\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eGirl genre comic page\u003c/summary\u003e\n \u003cp\u003e\n \n ![girl](https://user-images.githubusercontent.com/61537853/198970159-1ade4311-6a5f-4eb9-96e7-1edd3ec7672e.png)\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eHistory page\u003c/summary\u003e\n \u003cp\u003e\n \n![history](https://user-images.githubusercontent.com/61537853/198970281-e81a788d-401c-43a6-b606-4c70aeab8c2a.png)\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eChange password page\u003c/summary\u003e\n \u003cp\u003e\n \n  Light mode\n ![change-password-light](https://user-images.githubusercontent.com/61537853/199253432-7a8db713-8046-489b-af1c-ac19cc5ba2f5.png)\n  \n  Dark mode\n ![change-password-dark](https://user-images.githubusercontent.com/61537853/199253449-30fa4d95-984c-4d20-97b0-aba836085f35.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eProfile page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n![profile-light](https://user-images.githubusercontent.com/61537853/199259731-b7ba73f6-aede-4af1-9864-ed5b7f499197.png)\n\nDark mode\n![profile-dark](https://user-images.githubusercontent.com/61537853/199259756-f7703acc-18b7-4f71-81bf-15742ca1e28a.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eFollow comic page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n![follow-light](https://user-images.githubusercontent.com/61537853/199262766-198b0fa9-742d-4f2f-ba7d-d05382cf8745.png)\n\nDark mode\n![follow-dark](https://user-images.githubusercontent.com/61537853/199262785-ca158fd4-c914-4910-9eea-de8472e9d3bf.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eManage user page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n![manage-user-light](https://user-images.githubusercontent.com/61537853/199260057-5f5a6aba-c17f-42fd-b3b8-34456bae0753.png)\n\nDark mode\n![manage-user-dark](https://user-images.githubusercontent.com/61537853/199260033-022c3513-4f8c-4aa5-a0c4-10fc219b5bb8.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eManage comment page\u003c/summary\u003e\n \u003cp\u003e\n \n Light mode\n![manage-comment-light](https://user-images.githubusercontent.com/61537853/199260143-292bc056-efee-4807-83e7-f1c6a4a91160.png)\n\nDark mode\n![manage-comment-dark](https://user-images.githubusercontent.com/61537853/199260163-939ea4bc-f22d-4b07-b2fa-bab0ff661fb1.png)\n\n \u003c/p\u003e\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flamhoang1256%2Fnetcomic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flamhoang1256%2Fnetcomic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flamhoang1256%2Fnetcomic/lists"}