Welcome to Vudigram - not your typical social media clone. We're elevating your digital social experience with a stunning user interface that feels native to mobile, a special text stack for seamless interactions, infinite scrolling for endless content discovery, and performance that keeps you engaged without the wait.
Discover what makes Vudigram special by visiting our domain: https://vudigramm.web.app/sign-in
-
Authentication System 🔑: Experience a secure login with our robust authentication system, designed to protect your privacy and data.
-
Explore Page 🌐: Dive into a vibrant homepage crafted for discovering posts. With top creators featured prominently, inspiration is just a scroll away.
-
Like and Save Functionality ❤️💾: Engage with content by liking and saving your favorites. Easily manage what you've saved or liked on dedicated pages.
-
Detailed Post Page 📄: Each post opens into a detailed page where content takes center stage, accompanied by related posts to keep you immersed.
-
Profile Page 👤: Showcase your liked posts and tweak your profile to reflect your persona, all from your personalized page.
-
Browse Other Users 🔍: Explore the profiles and posts of other users, discovering new content and creators along the way.
-
Create Post Page 📤: Share memories effortlessly with our user-friendly post creation page, featuring simple file management and drag-and-drop functionality.
-
Edit Post and Profile Functionality ✏️: Update the content of your posts and profile anytime with our straightforward editing feature.
-
Responsive UI with Bottom Bar 📱: Navigate with ease thanks to our responsive UI, complete with a bottom bar for that authentic mobile app feel.
-
React Query Integration 🔄: Enjoy enhanced performance with React Query, supporting auto-caching, parallel queries, and more for a smooth user experience.
-
Backend as a Service (BaaS) - Appwrite ☁️: Benefit from streamlined backend development with Appwrite, offering comprehensive services like authentication, database management, and file storage.
- TypeScript: For safe and predictable code across the project.
- Vite: Ensuring fast development and bundling.
- React: Powering our dynamic user interfaces.
- React Context API & Complex Routing: Managing global state and sophisticated navigation effortlessly.
- TanStack React Query: Enhancing data fetching with auto-caching, refetching, and more for a seamless experience.
- Tailwind CSS & Shadcn UI: Crafting beautiful, responsive designs with ease.
- Appwrite Cloud: Our backend as a service tool for comprehensive project backend needs.
To embark on your Vudigram journey, follow these simple steps:
- Clone the repository:
git clone https://github.com/aminenurgynk/vudigram.git- Install dependencies:
npm install- Configure your environment:
Create a
.envor.env.localfile in the root directory and fill in your Appwrite details:
VITE_APPWRITE_URL=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_STORAGE_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_SAVES_COLLECTION_ID=
VITE_APPWRITE_USER_COLLECTION_ID=
VITE_APPWRITE_POST_COLLECTION_ID=
- Start the application:
npm startGot questions or feedback? Connect with us through https://www.linkedin.com/in/aminenur-göynük-0531a01a4/