Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adarsh500/mark
A bookmark management web app with sleek UI and cool features
https://github.com/adarsh500/mark
nextjs react react-query saas sass
Last synced: 17 days ago
JSON representation
A bookmark management web app with sleek UI and cool features
- Host: GitHub
- URL: https://github.com/adarsh500/mark
- Owner: adarsh500
- Created: 2022-10-14T20:10:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-10T15:31:03.000Z (9 months ago)
- Last Synced: 2024-08-08T00:44:52.107Z (4 months ago)
- Topics: nextjs, react, react-query, saas, sass
- Language: TypeScript
- Homepage: https://mark3.vercel.app
- Size: 1.02 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- project-awesome - adarsh500/mark - A bookmark management web app with sleek UI and cool features (TypeScript)
README
![pika-1678357198604-1x](https://user-images.githubusercontent.com/73278151/224000294-63f915d0-ff04-4604-9327-775135e5a72b.png)
# Mark
# What is mark?
Mark helps you streamline your productivity by organizing your bookmarks for you. We noticed that there is no easy way to store good articles, blogs, podcasts, or other useful resources that you come across while surfing the web. Mark is a one-stop solution for you to manage your knowledge base in a simple and efficient manner.
Import your existing bookmarks from Chrome/Firefox/Safari in a single click.
# Top features
- Categorize, tag, and star your bookmarks
- Find exactly what you're looking for with the powerful search and filter feature
- Support for nested bookmark collections
- Dark mode support
- One click bookmark imports## Getting Started
First, run the development server:
```bash
npm install
# or
yarn
```
### Setup google oauth
head over to https://console.developers.google.com/ > credentials > create credentials > oauth client id create an application, and then copy the client_id and client_secretAuthorized JavaScript origins - eg: http://localhost:3000
Authorized redirect URIs - (the same URL as used above with /api/auth/callback/google) eg: http://localhost:3000/api/auth/callback/google
create a `.env.local` file and add these to it
```bash
NEXTAUTH_URL = http:localhost:3000
MONGO_URI =
NEXTAUTH_SECRET=
GOOGLE_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
``````bash
npm run dev
# or
yarn dev
```