https://github.com/lamhoang1256/netcomic
A Website Read Comic Using NextJS, Typescript, Firebase, Tailwindcss, Zustand
https://github.com/lamhoang1256/netcomic
firebase nextjs react tailwindcss typescript zustand
Last synced: over 1 year ago
JSON representation
A Website Read Comic Using NextJS, Typescript, Firebase, Tailwindcss, Zustand
- Host: GitHub
- URL: https://github.com/lamhoang1256/netcomic
- Owner: lamhoang1256
- Created: 2022-10-04T04:21:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-04T10:38:55.000Z (over 3 years ago)
- Last Synced: 2024-10-24T18:35:09.688Z (over 1 year ago)
- Topics: firebase, nextjs, react, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://netcomic.vercel.app
- Size: 44.8 MB
- Stars: 4
- Watchers: 2
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netcomic
A Website Read Comic Using NextJS, Typescript, Firebase, Tailwindcss, Zustand
## Overview
- Official website: https://netcomic.vercel.app
- Author: Nguyễn Hoàng Lâm ( [@lamhoang1256](https://github.com/lamhoang1256) )
## Preview
Dark Mode:
Light Mode:
## Resources
- API: https://netcomic.vercel.app/api-doc (Crawl data from website Nhat Truyen - https://nhattruyenin.com)
- Font Family: Averta
## Main technology used
- NextJS, Typescript
- Firebase
- Tailwindcss
- Zustand (State management)
- Axios (Support fetching data)
- Swiper (Slider), react-modal (Modal)
- React-toastify, sweetalert2 (Message UI)
- Next-swagger-doc, swagger-ui-react (Document API)
- Cheerio (Crawl data from website Nhat Truyen)
- Other: react-tailwindcss-select, query-string, react-lazy-load-image-component, ...
## Features
- Suggested featured comics
- Search comic by name
- Filter by categories, top rank, date, ...
- Save comic history
- Follow comic you like
- Update information profile
- Level up through reading comic
- Comments (require sign in)
- Theme: dark mode, light mode
## Environment Variables
```
NEXT_PUBLIC_NHATTRUYEN = https://nhattruyenin.com
NEXT_PUBLIC_NODE_ENV = development (or production)
NEXT_PUBLIC_SERVER = http://localhost:3000 (or Link vercel)
NEXT_PUBLIC_LOCALHOST = http://localhost:3000
# See: https://firebase.google.com
NEXT_PUBLIC_FIREBASE_PUBLIC_API_KEY=
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
NEXT_PUBLIC_FIREBASE_PROJECT_ID=
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
NEXT_PUBLIC_FIREBASE_APP_ID=
NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=
```
## Screenshots
Home page
Light mode
Dark mode
Comic details page
Light mode
Dark mode
Read chapter comic page
Light mode
Dark mode
Boy genre comic page
Girl genre comic page
History page
Change password page
Light mode
Dark mode
Profile page
Light mode
Dark mode
Follow comic page
Light mode
Dark mode
Manage user page
Light mode
Dark mode
Manage comment page
Light mode
Dark mode
