This social media application is developed using the latest technologies including React, Typescript, Firebase, Redux Toolkit, and Sass. The platform offers users a comprehensive set of features that allows them to create posts, comment on posts, like posts, add stories, add friends, chat with users within the application, upload and edit their avatar, and many other functionalities.
- User authentication utilizing Firebase
- Ability to create posts with text and images
- Ability to comment on posts
- Option to like posts
- Functionality to add stories
- Ability to add friends
- In-app Messenger for chatting with other users
- Option to upload and edit an avatar
- Real-time updates through Firebase
- Responsive and modern design through Sass
- State management through Redux Toolkit
To run this application locally, please follow the steps below:
- Clone the repository to your local machine
https://github.com/tyommmm/social-media.git- Install the necessary dependencies
npm install- Add .env file in your root directory and fill your Firebase details.
VITE_REACT_APP_FIREBASE_API_KEY = apikey
VITE_REACT_APP_FIREBASE_AUTH_DOMAIN = authdomain
VITE_REACT_APP_FIREBASE_PROJECT_ID = projectid
VITE_REACT_APP_FIREBASE_STORAGE_BUCKET = storagebucket
VITE_REACT_APP_FIREBASE_MESSAGING_SENDER_ID = messagingsenderid
VITE_REACT_APP_FIREBASE_APP_ID = appid- Start the development server
npm run dev- Open your preferred web browser and navigate to
http://localhost:5173to access the application.
- React
- Typescript
- Firebase
- Redux Toolkit
- Sass
- Vite
I welcome contributions from the community. If you have an idea for a new feature or have identified a bug, please open an issue. If you would like to contribute code, please fork the repository and submit a pull request.
This project is licensed under the MIT License - please refer to the LICENSE file for more information.