https://github.com/amaranand360/twitter-app
This is social meadia app it's offers the features like twitter
https://github.com/amaranand360/twitter-app
mongodb nextauth nextjs prisma reactjs talwindcss typescript
Last synced: 20 days ago
JSON representation
This is social meadia app it's offers the features like twitter
- Host: GitHub
- URL: https://github.com/amaranand360/twitter-app
- Owner: amaranand360
- Created: 2023-08-06T04:45:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-17T10:40:36.000Z (over 2 years ago)
- Last Synced: 2025-06-22T22:02:45.199Z (10 months ago)
- Topics: mongodb, nextauth, nextjs, prisma, reactjs, talwindcss, typescript
- Language: TypeScript
- Homepage: https://social-media-webapp-amar.vercel.app/
- Size: 168 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Social Media App
Welcome to **my Social Media App**, a platform built with Next.js, React.js, Tailwind CSS, Prisma, and MongoDB. This application aims to provide a Twitter-like experience for users to share thoughts, follow others, and engage in conversations.
## Table of Contents
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Configuration](#configuration)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## Features
- **User Authentication:** Secure user registration and login system.
- **Post Creation:** Users can create and share posts with the community.
- **Following/Followers:** Build a network by following other users.
- **Real-time Updates:** Stay informed with real-time updates on posts and notifications.
- **Responsive Design:** A mobile-friendly interface for users on various devices.
- **Profile Management:** Update profile information and avatar.
## Tech Stack
- **Frontend:**
- [Next.js](https://nextjs.org/) 🚀
- [React.js](https://reactjs.org/) ⚛️
- [Tailwind CSS](https://tailwindcss.com/) 🎨
- **Backend:**
- [Prisma](https://www.prisma.io/) 🛠️
- [MongoDB](https://www.mongodb.com/) 📊
- **Other Tools:**
- [Node.js](https://nodejs.org/) 🚀
- [npm](https://www.npmjs.com/) 📦
## Getting Started
### Prerequisites
Before you begin, ensure you have the following installed:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
- [MongoDB](https://www.mongodb.com/try/download/community)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/your-social-media-app.git
```
cd your-social-media-app
```
```
npm install
## MongoDB Connection
MONGODB_URI=your_mongodb_uri
# Session Secret (for example)
SESSION_SECRET=mysecret
# Other Configuration Options...
# Usage
1. Start the development server:
```
npm run dev
```
2. Open your browser and visit http://localhost:3000.
3. Explore and enjoy your social media app!
## Contributing
- If you'd like to contribute to this project, please follow these guidelines:
1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature.
3. Make your changes and commit them: git commit -m 'Add some feature'.
4. Push to the branch: git push origin feature/your-feature.
5. Submit a pull request.