Skip to content

Social media app clone using React Typescript Tailwind CSS and Shadcn

Notifications You must be signed in to change notification settings

aberatcan/snapgram

Repository files navigation

Snapgram

Snapgram is a social media clone built with modern web technologies, demonstrating key features like user posts, saves, and likes.

Features

  • User Posts: Users can create and share posts with a dynamic UI.
  • Likes and Saves: Social interactions such as liking and saving on posts are supported.
  • Responsive Design: Built using Tailwind CSS to ensure the app looks great on all devices.
  • Dark Mode: Integrated for a seamless user experience across different themes.
  • Component Library: Utilizes Shadcn for pre-built, accessible UI components.

Tech Stack

  • Frontend:
    • React (functional components)
    • TypeScript (static typing)
    • Tailwind CSS (utility-first styling)
    • Shadcn (UI components)

Project Setup

  1. Clone the repository:
git clone https://github.com/aberatcan/snapgram.git
  1. Navigate to the project folder and install dependencies:
cd snapgram
npm install
  1. Run the development server
npm run dev
  1. Open the app in your browser at http://localhost:5173

Live Demo

Check out the live version here: https://aberatcan-snapgram.vercel.app/

About

Social media app clone using React Typescript Tailwind CSS and Shadcn

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published