The social network for developers. Discover creative websites and build a community.

Related tags

Database social-media mongodb social-network nextjs tailwindcss
Overview

Driwwwle

The Social Network for Developers

Features

⚡ Server-side rendering with Next.js
🍪 Cookie-based authorization with JSON web tokens
📜 Infinite scrolling feed with React Query
🖼️ Cloud image upload with Cloudinary
❤️ Like, save and comment on posts
💬 Realtime chat with Socket.io
🤝 Follow developers and build personal feed
and a lot more..

Running Locally

Clone this repository and install dependencies by running:

npm install
#or
yarn install

Create a new file named config.env with the following environment variables in the root of the project folder:

PORT = 
MONGO_URI = 
JWT_SECRET = 
CLOUDINARY_CLOUD_NAME = 
CLOUDINARY_API_KEY = 
CLOUDINARY_API_SECRET = 
SENDGRID_API_KEY = 
SENDER_EMAIL =

Create a new file named .env.local with following configuration:

NEXT_PUBLIC_BASE_URL = http://localhost:3000

For development mode, run:

npm run dev

For production mode, run:

npm run build
npm start

Visit http://localhost:3000 or your custom port environment variable to view the app.

Screenshots

Banner Image

Landing Page Search
Personal Feed Post & Profile Page
Comments
  • Arrows on carrousel are invisible when image is white

    Arrows on carrousel are invisible when image is white

    The arrows are fully white, so when there is a white image, they seem invisible.

    I think adding a light border to them would fix this issue and keep the consistency with the other site elements.

    Captura de Tela 2021-09-29 às 14 00 33

    good first issue 
    opened by brunocalou 7
  • No email is sent after sign up

    No email is sent after sign up

    First of all, congrats on releasing Driwwwle. I wanted to sign up and couldn't get the email verification link. I tried:

    • Resetting my password, and I got the mail with the reset link.
    • Re-signing up with the same username (tommywalkie), and Driwwwle told me it was already taken (so I guess it worked the first time)
    opened by tommywalkie 6
  • Fix carousel button css and alignment.

    Fix carousel button css and alignment.

    This PR fixes issue #6

    • [x] reduced size of buttons.
    • [x] buttons are in exact positions as previous ones.
    • [x] solid pink shade used instead of gradients.

    I have made these changes as discussed in our previous conversation.

    I have added all the changes related to CSS in the file Slider_buttons.css.

    hacktoberfest-accepted 
    opened by ampsteric 4
  • Add functionality to edit post after publishing

    Add functionality to edit post after publishing

    This wasn't as easy as I thought would be. Thanks, DND!

    • [x] Allow users to change the order of images without reuploading
    • [x] Change images of a post
    • [x] Added edit button on the post header if the user is the creator of the post
    • [x] Redirect users to post page if they're not the creator
    opened by itsnitinr 1
  • Upgrade CodeSee workflow to version 2

    Upgrade CodeSee workflow to version 2

    CodeSee is a code visibility platform.

    This change updates the CodeSee workflow file to the latest version for security, maintenance, and support improvements (see changelog below).

    That workflow file:

    • runs CodeSee's code analysis on every PR push and merge
    • uploads that analysis to CodeSee.
    • It does not transmit your code.

    The code analysis is used to generate maps and insights about this codebase.

    CodeSee workflow changelog:

    • Improved security: Updates permission to be read-only.
    • Improved future maintenance: Replaces the body of the workflow with a single github action: codesee-action. This makes it significantly easier for CodeSee to introduce future improvements and fixes without requiring another PR like this.
    • Improved Python support: The action now properly supports Python 3.11, and will continue to support new Python versions as they are released.
    opened by codesee-maps[bot] 0
  • Feaurure recommendation : Advanced search

    Feaurure recommendation : Advanced search

    Being able to search for not only users and posts but also frameworks or programming languages. Let's say someone wants to search for projects that were built by NextJS, they would have to scroll through each post and click on them to see what the site was built on. This has some effort that needs to be done by the user's side and that's not ideal. Having an advanced search feature will let a user look for a specific type of project, whether they want to check out a project made using NodeJS or a project made by using Svelte.

    opened by Yohanan-Negash 0
  • Support Markdown

    Support Markdown

    A very cool App, I love it, I liked the logo, the design, the colors, ... Thank you for this Amazing App and more Thank you making it open source. And i think it will be super cool if i can type markdown in a post. ❤

    enhancement good first issue 
    opened by medaminefh 1
Owner
Nitin Ranganath
Building websites and apps that you'd like to use.
Nitin Ranganath
GitHub https://driwwwle.com
The 100Devs Social Network

Install npm install Things to add Create a .env file and add the following as key = value PORT = 2121 (can be any port example: 3000) DB_STRING = your

null 176 Dec 26, 2022
Add hic et nunc data into your websites and Node.js scripts

hic et nunc API Guide Build websites and Node.js scripts with hic et nunc data hic et nunc is a decentralized NFT marketplace built on the Tezos block

Ian Petrarca 34 May 3, 2022
Reseda - reseda-client for the reseda-vpn network

Usage Create an App # with npx $ npx create-nextron-app my-app --example with-typescript # with yarn $ yarn create nextron-app my-app --example with-

Ben White 3 Dec 28, 2022
Share an abstract-level database over the network or other kind of stream.

many-level Share an abstract-level database over the network or other kind of stream. The successor to multileveldown. If you are upgrading, please se

Level 15 Mar 27, 2022
:green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

SheetJS js-xlsx Parser and writer for various spreadsheet formats. Pure-JS cleanroom implementation from official specifications, related documents, a

SheetJS 32k Jan 9, 2023
open source ffxiv community discord bot that's incredibly easy to self-host

Venat Venat is an open-source Discord bot for the Final Fantasy XIV community that is incredibly easy to self-host. Description We aim to offer the fo

The Convocation 16 Jun 9, 2022
This API can be use to all developers to get location details of Sri Lanka 🇱🇰 including major cities, sub areas, districts and Provinces. ⛳️

Location Data API - Sri Lanka Table of Contents Introduction Technologies Implemantations Hosting Use Cases Getting Started Project Setup Contributing

Pasindu Senarathne 35 Jun 29, 2022
A WebAssembly build of the Tesseract OCR engine for use in the browser and Node

tesseract-wasm A WebAssembly build of the Tesseract OCR engine for use in the browser and Node. tesseract-wasm can detect and recognize text in docume

Robert Knight 80 Dec 28, 2022
Avocano is a sample dropship/fake product website with Cloud Run, Cloud SQL and Cloud Build

Avocano - A Fake Product Website Avocano is a sample dropship/fake product website, combining: Firebase Hosting front end, written with Lit, Cloud Run

Google Cloud Platform 9 Dec 9, 2022
PathQL is a json standard based on GraphQL to build simple web applications.

PathQL Usage You can simple create a new PathQL Entry, which allows you to automize database over an orm and client requests over the PathQL JSON Requ

Nowhere 3 Jul 20, 2022
AlaSQL.js - JavaScript SQL database for browser and Node.js. Handles both traditional relational tables and nested JSON data (NoSQL). Export, store, and import data from localStorage, IndexedDB, or Excel.

Please use version 1.x as prior versions has a security flaw if you use user generated data to concat your SQL strings instead of providing them as a

Andrey Gershun 6.1k Jan 9, 2023
A simple UI client for most SQL Engines written in Electron. It is compatible with Windows, Mac, Ubuntu / Debian and Redhat. It supports most dialects of RMBDs like MySQL, Microsoft SQL Server, Postgres, SQLite and has limited supports for Cassandra, MongoDB and Redis.

sqlui-native sqlui-native is a simple UI client for most SQL Engines written in Electron. It is compatible with most desktop OS's and support most dia

Sy Le 49 Jan 1, 2023
ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.

TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used

null 30.1k Jan 3, 2023
A query builder for PostgreSQL, MySQL and SQLite3, designed to be flexible, portable, and fun to use.

knex.js A SQL query builder that is flexible, portable, and fun to use! A batteries-included, multi-dialect (MSSQL, MySQL, PostgreSQL, SQLite3, Oracle

knex 16.9k Jan 4, 2023
TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite databases.

TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite datab

MikroORM 5.4k Dec 31, 2022
Azure Data Studio is a data management tool that enables you to work with SQL Server, Azure SQL DB and SQL DW from Windows, macOS and Linux.

Azure Data Studio is a data management tool that enables working with SQL Server, Azure SQL DB and SQL DW from Windows, macOS and Linux.

Microsoft 7k Dec 31, 2022
A Gmail Clone which built with ReactJS and Redux. You can sign in with your Google Account, compose a new e-mail and send realtime emails to the project.

Gmail Clone with ReactJS A Gmail Clone that you can sign in with your Google Account, compose a new e-mail and send realtime emails to the project. Cl

Özge Coşkun Gürsucu 49 Nov 14, 2022
Senior Design Project. Water intake tracker. Software for the communication to bottle and app. Software for app and database

WaterMate Senior Design Project. Water intake tracker to provide everyone with an easy to use water tracking system that can be integrated with your f

null 3 Nov 10, 2021
Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture, inspired by Hapi and Express.

Fastify is a web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture, inspired by Hapi and Express.

Jared Hanson 5 Oct 11, 2022