https://github.com/qonus/event-sphere

next.js + mongodb
https://github.com/qonus/event-sphere

Last synced: about 1 month ago
JSON representation

next.js + mongodb

• Host: GitHub
• URL: https://github.com/qonus/event-sphere
• Owner: Qonus
• Created: 2024-12-11T16:11:11.000Z (about 1 month ago)
• Default Branch: master
• Last Pushed: 2024-12-12T10:20:15.000Z (about 1 month ago)
• Last Synced: 2024-12-12T10:28:06.749Z (about 1 month ago)
• Language: TypeScript
• Size: 215 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

First, install npm running following command in your terminal:

```bash

npm install

```

and then install all required libraries by running

```bash

npm i

```

Then, create a .env file in the project folder, and fill with following:

MONGODB_URI = "*your mongo uri*"

(watch this guide: **https://youtu.be/VlJ2v6CcWMM?si=RdlKdwZ_yaskvzUq** if you do not know how to get mongo uri)

NEXTAUTH_SECRET= "*you next auth secret*"

(to generate next auth secret, past "npx auth secret" in whichever terminal you are using)

NEXTAUTH_URL= "http://localhost:3000/"

GOOGLE_CLIENT_ID= "*your client id*"

GOOGLE_CLIENT_SECRET= "*your client secret*"

(follow this article: **https://www.balbooa.com/help/gridbox-documentation/integrations/other/google-client-id** if you

do not know how to create google client id and google client secret. Use "http://localhost:3000/")

Then, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

## Used Libraries:

- Next-Auth

- Leaflet

- OpenStreetMap

- OpenWeather

- Mongodb

- Imgur