Dummygram

screenshot of Dummygram
react
vite
material-ui
firebase

DummyGram is a social media application where we have posts, stories, chat, friends, authentication, comment, delete, share and like feature. It uses ReactJs in the frontend for the UI and Firebase for the backend storing the users, posts, stories and comments.

Overview

Dummygram is an innovative project that aims to create a visually stunning clone of the popular social media platform, Instagram, using ReactJS. Launched in September 2022, this initiative is driven by a passionate team dedicated to not just reproducing the core features, but also enhancing the user experience with unique functionalities. By engaging with the community through GitHub, they welcome contributions that can further improve and evolve the app, making it a truly collaborative experience.

The journey of building Dummygram is as educational as it is enjoyable. For anyone interested in learning ReactJS, this project presents an excellent opportunity to apply skills in a real-world setting, while also participating in a vibrant community. With a focus on both function and aesthetic, Dummygram aims to stand out in the crowded social media landscape while providing users with engaging interactions.

Features

  • User Authentication: Dummygram offers a secure authentication system, allowing users to create and manage their accounts effortlessly.

  • Posts Creation: Users have the freedom to create and share diverse posts, including images, videos, and text, which can be displayed in a visually appealing feed.

  • Commenting Capability: Engage in lively discussions by commenting on posts, fostering a sense of community and interaction among users.

  • Like Feature: Users can easily like posts, allowing them to express appreciation and support for content they enjoy.

  • Delete Functionality: Users maintain control over their content with the ability to delete their own posts, ensuring they can manage what they share on the platform.

  • Frontend Framework: Built with ReactJS, Dummygram utilizes a robust framework that ensures smooth and responsive user interactions.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading