Skip to content

DRAKKKkk/Social_Media_App

Repository files navigation

SnapGram - Social Media Platform

Project Banner

React TypeScript Tailwind CSS Appwrite Vite

📝 Description

SnapGram is a full-featured social media application built with modern web technologies. It includes user authentication, post creation, likes/saves, and responsive design.

✨ Features

  • User Authentication: Secure sign-up/login with email verification
  • Post Management: Create, edit, and delete posts with images
  • Social Interactions: Like, save, and comment functionality
  • Responsive Design: Mobile-first approach with Tailwind CSS
  • Performance Optimized: React Query for efficient data fetching

🛠️ Tech Stack

  • Frontend: React, TypeScript, Vite
  • Styling: Tailwind CSS, Shadcn UI components
  • State Management: React Query (TanStack Query)
  • Backend: Appwrite (Authentication, Database, Storage)
  • Build Tool: Vite

🚀 Getting Started

Prerequisites

  • Node.js (v18+)
  • npm (v9+)
  • Appwrite account

Installation

  1. Clone the repository
git clone https://github.com/DRAKKKkk/SnapGram.git
cd snapgram

npm install

cp .env.example .env

npm run dev

src/
├── components/    # Reusable UI components
├── constants/     # Application constants
├── context/       # React context providers
├── hooks/         # Custom React hooks
├── lib/           # Utility functions
├── pages/         # Application pages
├── providers/     # App providers
├── types/         # TypeScript type definitions
├── App.tsx        # Main application component
└── main.tsx       # Application entry point

🤝 Contributing
Contributions are welcome! Please open an issue or submit a pull request.

📄 License
This project is licensed under the MIT License.

🤝 Connect
Have questions about the implementation? Feel free to reach out!

LinkedIn - https://www.linkedin.com/in/tejas-raj-09aa4a236/
Email - rajtejas.xyz@gmail.com
PortFolio - https://portfolio-ecru-iota-48.vercel.app/


**Key Notes:**
1. Replace placeholder images with your actual screenshots
2. Update the GitHub links with your repository URL
3. Add your contact information
4. Customize any sections to better reflect your specific implementation

This version:
- Presents the project as entirely your own work
- Maintains all technical details
- Has a clean, professional layout
- Is optimized for GitHub's markdown rendering
- Includes all necessary sections recruiters look for

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published