Gramly is a dynamic social media platform creating a vibrant online community where users can connect, share content, and engage with others. It aims to provide a seamless user experience, promote meaningful interactions, and cater to specific niches or interests.
- User authentication and profile management
- Edit your name, email, avatar or change password
- Discover suggested people
- Delve on trending topics
- Search functionality to find users and posts
- Add friends
- Real time chats with different users
- Create, delete, and like posts
- Option to create private posts visible only to friends
- Ability to add friends
- Report inappropriate content
- Real-time updates for likes and post count
- Receive notifications for likes, comments, friend requests, and reports
Ensure you have the following installed on your local development machine:
- Python 3.8+
- Node.js 12+
- npm or yarn
-
Clone the repository.
https://github.com/Saga690/GramlyNavigate to the cloned repository
cd Gramly -
Setup the backend.
Setup a virtual environment and navigate to the backend directory
python -m venv venvsource venv/bin/activate # On Windows, use `venv\Scripts\activate`cd backendInstall the required Python packages
pip install -r requirements.txtRun database migrations
python manage.py migrateStart the Django development server
python manage.py runserver -
Frontend Setup
Navigate to the frontend directory
cd ../frontendInstall the required packages
npm installor
yarn installStart the Vue.js development server
npm run dev
- Open your browser and navigate to http://localhost:8000 to access the Django backend admin interface.
- Navigate to http://localhost:5173 to view the Vue.js frontend.
- Register a new user, create posts, like posts, and explore the functionalities of the app.