DEV Community

Evgenii Fedotov
Evgenii Fedotov

Posted on

Qwik-Todo-DaisyUI-Tailwind-MongoDB-AuthJS-Bun Project

Introducing the Qwik-Todo-DaisyUI-Tailwind-MongoDB-AuthJS-Bun Project - ultimate reference point for new Qwik developers. This project showcases a ToDo App, a fundamental and beginner-friendly application for any front-end developer. The source code is openly accessible and serves as an excellent learning tool. It incorporates a modern tech stack including DaisyUI, Tailwind, MongoDB, AuthJS, and Bun, providing valuable insight into how these technologies can be integrated. Dive into the world of Qwik, enhance your skills, and start building your own applications with the help of the Qwik-Todo-DaisyUI-Tailwind-MongoDB-AuthJS-Bun Project.

Project Link: https://github.com/lieranderl/qwik-todo-daisyui-tailwind-mongodb-authjs-bun

Test in action: https://qwik-todo-uphjdpakeq-ew.a.run.app/

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

  • Node.js
  • Bun
  • MongoDB

Alternatively, you can set up and run code in a devcontainer.

Installation

Clone the repository

git clone https://github.com/lieranderl/qwik-todo-daisyui-tailwind-mongodb-authjs-bun.git
Enter fullscreen mode Exit fullscreen mode

Install packages

bun install
Enter fullscreen mode Exit fullscreen mode

Make env.local file:

AUTH_SECRET:
    xxxxxxxxxxxxxxxxx
GOOGLE_ID:
    xxxxxxxxxxxxxxxxx
GOOGLE_SECRET:
    xxxxxxxxxxxxxxxxx
GITHUB_OAUTH_CLIENT_ID:
    xxxxxxxxxxxxxxxxx
GITHUB_OAUTH_CLIENT_SECRET:
    xxxxxxxxxxxxxxxxx
FACEBOOK_OAUTH_CLIENT_ID:
    xxxxxxxxxxxxxxxxx
FACEBOOK_OAUTH_CLIENT_SECRET:
    xxxxxxxxxxxxxxxxx
MONGO_INITDB_ROOT_USERNAME:
    xxxxxx
MONGO_INITDB_ROOT_PASSWORD:
    xxxxxx
MONGO_DOMAIN:
    xxxxxxxxxxxxx.mongodb.net
MONGO_URI:
    mongodb+srv://$MONGO_INITDB_ROOT_USERNAME:$MONGO_INITDB_ROOT_PASSWORD@$MONGO_DOMAIN/?retryWrites=true&w=majority

Enter fullscreen mode Exit fullscreen mode

Start the server

bun start
Enter fullscreen mode Exit fullscreen mode

Usage

The application allows you to add, delete, update and mark tasks as done. User authentication is handled by AuthJS, sessions stored in MongoDB. The tasks are stored in MongoDB, enabling persistence across sessions. Bun is used as the HTTP server to handle requests and responses.

Built With

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Top comments (0)