ashsajal1 / xclone

xClone is a sleek and modern X/Twitter-like application built with the latest Next.js 14 framework. It offers a familiar user experience for posting, following, and engaging with content in a real-time environment.

xClone - Twitter Clone Project

Overview

xClone is a Twitter-like project built with Next.js and managed with pnpm. It aims to replicate some of the core functionalities of the popular social media platform Twitter, allowing users to post tweets, follow others, and engage in conversations.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
  • Configuration
• Usage
• Features
• Contributing
• License

Getting Started

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• Node.js
• pnpm

Installation

1. Clone the repository:

   git clone https://github.com/ashsajal1/xclone.git

2. Change into the project directory:

   cd xclone

3. Install dependencies using pnpm:

   pnpm install

Usage

1. Start the development server:

   pnpm dev

2. Open your browser and navigate to http://localhost:3000 to view the application.

Features

• Tweeting: Users can create and post tweets.
• Following: Users can follow/unfollow other users.
• Notifications: Users receive notifications for likes, retweets, and mentions.
• User Profiles: View and edit user profiles.
• Search: Search for users and tweets.

Contributing

If you'd like to contribute to xClone, please follow our contribution guidelines.

License

This project is licensed under the MIT License.

xclone's Issues

decrease the opacity of bottom bar while scrolling

Change background for light mode.

Is your feature request related to a problem? Please describe.
Users are dissatisfied with the background color in light mode, finding it unappealing and not visually pleasing.

Describe the solution you'd like
Change the background color for light mode to a more aesthetically pleasing and user-friendly option.

Describe alternatives you've considered
Exploring different light mode background color options to find a suitable alternative that addresses user concerns.

Additional context
No additional context or screenshots provided. If available, please include specific details or visual references for a more comprehensive understanding.