React Templates & Themes Logo React Templates & Themes
Twitter Clone screenshot

Twitter Clone

Author Avatar Theme by Pokedotdev
Updated: 6 Nov 2023
19 Stars

Twitter Clone made with Remix, EdgeDB & UnoCSS. (Developing)

Github Live Preview

Categories

Remix Vite Unocss

Overview

The Twitter Clone is a web application created using Remix, EdgeDB, and UnoCSS. It aims to replicate the functionality of Twitter, providing users with features such as authentication, creating and liking posts, commenting on posts, user profiles, following other users, and more. The application also has upcoming features like editing profile and settings, reposting, bookmarks, threads, hashtags and mentions, search for posts and users, and dark mode. It leverages optimistic UI cache for faster loading and development.

Features

  • Authentication with GitHub
  • Creating posts
  • Post likes
  • Post comments
  • User profiles
  • Follow other users
  • Upcoming features: Edit profile and settings, reposting, bookmarks, threads, hashtags and mentions, search for posts and users, and dark mode
  • Optimistic UI cache for faster loading

Installation

  1. Initialize an EdgeDB project:
  • Install the EdgeDB CLI following the installation guide.
  • Run the following command in the project directory: edgedb project init. The initializer will guide you through the process.
  1. Codegen:
  • Generate code for EdgeDB, UnoCSS, and Remix.
  1. Seed the database:
  • Create a user with the username “test” to interact with the application.
  1. GitHub OAuth:
  • Configure a GitHub OAuth application with the “Authorization callback URL” set to [callback URL].
  1. Create .env:
  • Rename the file .env.example to .env and update the values of the variables accordingly.
  1. Start the server:
  • Start the application in development mode.
  • Access the application by visiting localhost:3000, creating an account with your GitHub account, and exploring the features.

Summary

The Twitter Clone is a web application built with Remix, EdgeDB, and UnoCSS. It aims to replicate the functionality of Twitter and provides features like authentication, posts, likes, comments, user profiles, and more. The application also has upcoming features planned for implementation. The installation process involves setting up EdgeDB, generating code, seeding the database, configuring GitHub OAuth, and starting the server. Overall, the Twitter Clone offers a comprehensive set of features for users to interact and engage with.