Social Gram is a social media platform that allows users to share photos, connect with friends, and explore trending content.
- User registration and authentication.
- Upload and share photos with captions.
- Follow and connect with other users.
- Discover trending content and popular photos.
- Like and dislike on photos.
- Responsive design for seamless use on different devices.
The Social Gram application consists of two main components:
- Frontend: Built with ReactJS and styled using CSS. It provides the user interface and handles user interactions.
- Backend: Developed using Node.js and Express. It handles user authentication, database operations using MongoDB, and interacts with Firebase for image storage.
- Clone the repository:
git clone https://github.com/prachigarg19/social_gram.git
- Install the dependencies for the backend:
cd social_gram/api && npm install
- Install the dependencies for the frontend:
cd ../client && npm install
- Configure the environment variables by creating a
.env
file based on the provided templates in thebackend
andfrontend
directories. - Start the backend server:
npm start
for development mode
- Start the frontend development server:
npm start
- Access the application at
http://localhost:3000
.
Contributions are welcome! To contribute to Social Gram, follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name
- Make your modifications and commit your changes:
git commit -m "Add your commit message here"
- Push your changes to your forked repository:
git push origin feature/your-feature-name
- Open a pull request, explaining your changes and any related information.