Scroll is a dynamic and interactive social media application designed to revolutionize the way users connect, share, and discover content. With its intuitive user interface and advanced features, Scroll provides a seamless and engaging experience for individuals seeking to engage with friends, family, and the wider online community.
A brief description of what this project does and who it's for
Clone the project
git clone https://github.com/pardeep-kashyap/socialGo to the project directory
cd socialInstall dependencies
npm installStart the server
npm run devTo deploy this project run
npm run buildScroll offers a wide range of features to enhance the user experience and promote meaningful interactions. Some key features include:
Users can create personalized profiles, customize their profile pictures, and provide a brief bio to showcase their interests and personality.
Users can create posts with text, images, and videos, and share them with their followers. The app provides a personalized feed where users can view and engage with posts from their connections.
Users can interact with posts by liking, commenting, and sharing them with their network, fostering engagement and facilitating conversations.
Users can follow other users and build connections within the app, expanding their network and discovering new content.
Scroll offers an Explore feature that enables users to discover trending posts, popular hashtags, and recommended users, making it easier to find and connect with like-minded individuals.
Users receive real-time notifications for activities such as new followers, likes, comments, and mentions, ensuring they stay updated and engaged with their network.
Scroll utilizes a modern and scalable architecture that leverages the following technologies:
The frontend of Scroll is built using React, a popular JavaScript library for building user interfaces. It incorporates GraphQL, a query language for APIs, to efficiently retrieve and update data. XState, a state management library, is employed to handle complex application states and transitions, ensuring a smooth and consistent user experience.
The backend of Scroll is powered by Node.js, a JavaScript runtime, and Express, a flexible web application framework. It utilizes GraphQL as the API layer for efficient data fetching and mutation. The integration of MongoDB Atlas, a fully-managed cloud database service, enables secure and scalable data storage.
Scroll is deployed on Vercel, a cloud platform for static websites and serverless functions. Vercel's seamless deployment process ensures reliable and high-performance hosting for both the frontend and backend components of Scroll.