SnapShare is a social media application that allows users to share photos, videos, and moments with their friends and followers. Built with React, Tailwind CSS, and Sanity.io for the backend, SnapShare provides a seamless and intuitive user experience for sharing and discovering content.
- User Authentication: Secure user authentication system for account creation and login.
- Profile Management: Users can manage their profiles, including updating profile pictures and bios.
- Post Creation and Sharing: Users can create posts by uploading photos or videos, add captions, and share them with their followers.
- Feed: Personalized feed displaying posts from followed users.
- Likes and Comments: Users can interact with posts by liking and commenting on them.
- Discover: Explore new content and discover users to follow.
- Real-time Updates: Receive real-time notifications for new likes, comments, and follows.
- React: Frontend development framework for building dynamic user interfaces.
- Tailwind CSS: Utility-first CSS framework for styling user interface components.
- Sanity.io: Headless CMS for managing content and data.
- Clone the repository:
-- git clone https://github.com/mo-abdulai/snapshare.git
- Navigate to the frontend directory:
-- cd snapshare/frontend
- Install dependencies:
-- npm install
- Start the development server:
-- npm start
- Visit http://localhost:3000 in your browser to view the frontend application.
- Navigate to the backend directory:
-- cd snapshare/backend
- Install dependencies:
-- npm install
-
Set up Sanity.io:
Sign up for an account on Sanity.io. Create a new project and follow the instructions to set up your Sanity studio. Replace the projectId and dataset values in sanity.json with your project's values. Run sanity deploy to deploy your Sanity studio.
-
Start the server:
-- sanity start
Visit http://localhost:3333 in your browser to view the Sanity studio.