Giter VIP home page Giter VIP logo

chirp's Introduction

Chirp

Chirp

A full-stack Twitter clone
built with Next.js, React Query,
Prisma, PostgreSQL, and Supabase.


Demo

Chirp in action


Features

Chirp users can:

  • ๐Ÿ“ฑ View the optimal layout for the interface depending on their device's screen size
  • ๐ŸŽจ Tailor the interface to their preferences with custom themes and colors
  • ๐Ÿ”‘ Sign in with Google
  • ๐ŸŽจ Customize profile (upload profile and banner images, change name, add description, location, and website)
  • ๐Ÿ‘€ See what other users are tweeting about and inspect their activity such as likes, retweets, and comments.
  • ๐Ÿ“ท Share their moments - create and upload tweets with up to 4 images.
  • ๐Ÿ’ฌ Engage in conversation by replying to tweets
  • โค๏ธ Give their approval with a like, or take it back
  • ๐Ÿ”„ Retweet and quote tweets - Share a tweet with their followers by retweeting or quote it with their own thoughts and comments.
  • ๐Ÿ”– Save tweets for later and organize them with bookmarks
  • ๐Ÿ”ฅ View trending hashtags and create their own by including them in their tweets
  • ๐Ÿ‘ฅ Discover and follow other users, as well as inspect their profiles and tweets.
  • ๐Ÿ“ฉ Send and receive direct messages

Development workflow

Chirp uses yarn as a package manager, so make sure to install it first.

git clone [email protected]:davitJabushanuri/Chirp.git
cd Chirp
yarn install
yarn dev

Environment Variables

Before running the development server, make sure to create .env and .env.local files in the root directory of the project and add the required environment variables. You can use the examples provided in the repository as a starting point: .env.example and .env.local.example.

cp .env.example .env
cp .env.local.example .env.local

Prisma

Chirp uses Prisma as an ORM to interact with the database. Before running the development server, make sure to generate the Prisma client by running:

yarn prisma generate

After generating the Prisma client, make sure to also push any changes to the database schema by running:

yarn prisma db push

This ensures that the local database is up-to-date with any changes made to the schema in the codebase.

Contributing

License

Chirp is licensed under the MIT License.

chirp's People

Contributors

davitjabushanuri avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.