I am currently working on this project, and I plan to add visual elements, such as screenshots or demo videos, at a later stage:)
![StellarNet Logo](https://raw.githubusercontent.com/falselunatic/StellarNet/main/public/assets/images/logo for github readme.png)
A modern Social Media Application built with React JS, Appwrite, Tailwind CSS, React Query, and the magic of shadcn.
Explore the Demo- Introduction
- Features
- Getting Started
- Technologies Used
- Project Structure
- Storage & Database Design
- Glimpses
- Contributors
StellarNet is a cutting-edge Social Media App designed to foster meaningful connections and seamless content sharing. It merges a sleek user interface with robust backend services to provide an unparalleled user experience.
- Responsive Design: StellarNet adapts to various devices, providing a consistent experience.
- Appwrite Integration: Leverage the power of Appwrite for backend services, ensuring security and scalability.
- Tailwind CSS Styling: A beautiful, customizable UI made possible by Tailwind CSS.
- React Query: Effortlessly manage and synchronize your app's state.
Before you begin, ensure you have the following tools installed:
-
Clone the repository:
git clone https://github.com/falselunatic/StellarNet.git
-
Install dependencies:
cd stellarnet npm install
-
Configure Appwrite:
- Follow the Appwrite installation guide to set up Appwrite services.
- Update the Appwrite configuration in your project.
-
Start the development server:
npm start
-
Open your browser:
Navigate to http://localhost:5173 to see StellarNet in action.
- React JS: A declarative and efficient JavaScript library for building user interfaces.
- Appwrite: An open-source backend server perfect for your app's backend needs.
- Tailwind CSS: A utility-first CSS framework for building modern designs.
- React Query: A library for managing, caching, and synchronizing state.
/src
: Contains the source code for the React application./public
: Public assets.
![Database Design](https://private-user-images.githubusercontent.com/97685305/293070523-8b5e6a99-42ef-4b6b-a0a7-d97c8dae6d45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTI2OTY2MzMsIm5iZiI6MTcxMjY5NjMzMywicGF0aCI6Ii85NzY4NTMwNS8yOTMwNzA1MjMtOGI1ZTZhOTktNDJlZi00YjZiLWEwYTctZDk3YzhkYWU2ZDQ1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA0MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNDA5VDIwNTg1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdhMDZjYjA4MDRlNWY0MWU3ZTg4YWNkYTgxNzM2YjNlMzJmYzIyODI1MWQ0N2MwYjgwY2VlZjk4YTI2YjIxNDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IbImV9XECZePwotYkF7ykj4OKX_9qJbOOGWIy7x9wMA)