Code Monkey home page Code Monkey logo

juliuscecilia33 / instadeck Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 3.0 33.91 MB

📸🃏 InstaDeck is a semi-dashboard interface of Instagram made with React and Google Firebase! By providing different “decks” of posts from your personalized following post deck to the trending or popular deck, users of InstaDeck are given a comforting and appealing perspective for their Instagram feed.

Home Page: https://instadeck.netlify.app

License: MIT License

HTML 4.23% JavaScript 95.77%
react firebase-realtime-database semi-dashboard-interface instagram social-media styled-components firebase dark-mode

instadeck's Introduction

InstaDeck

InstaDeck: A semi-dashboard interface of Instagram made with React and Firebase! Check it out here!

Technologies Used

InstaDeck

About

Instadeck is a semi-dashboard interface of Instagram made with React and Google Firebase! By providing different “decks” of posts from your personalized following post deck to the trending or popular deck, users of InstaDeck are given a comforting and appealing perspective for their Instagram feed. The mockups were designed by me in Figma.

InstaDeck
InstaDeck
InstaDeck

How it started

InstaDeck could be called one of my first official project that I put a lot of time and commitment towards. It all started with a full-stack social media tutorial on Youtube and the impression of Instagram’s desktop version being not as appealing as it’s mobile version. Taking inspiration from Twitter’s dashboard app, TweetDeck, I decided to create and develop Instagram’s own dashboard app for its desktop version with InstaDeck!

InstaDeck
InstaDeck

Features

With the desktop version of InstaDeck having limiting functions in comparison to the mobile version, I decided to develop those lacking functions into InstaDeck such as posting on your feed through your computer. I also introduced a new analylitcal feature seen only by the user where they can keep track of their most recent count of likes or followers. Another new feature that I added for InstaDeck was having different types of accounts for those who have a verified or business account on Instagram. Accounts are able to be classified as either an admin, moderator, or editor by the owner of the verified or business account. Finally, users are able to customize the feeds they want to view by having posts filtered for each feed such as your following feed or a popular feed consisting of trending posts. I also hope to include a feature that can show or hide your analytics (likes or followers count) to show awareness and assist users uncomfortable in showing theirs.

InstaDeck
InstaDeck
InstaDeck
InstaDeck

Conclusion

As my first big project that took months to develop, I had fun creating InstaDeck from designing its prototype on Figma to developing the application with React and organizing its database on Google Firebase!

instadeck's People

Contributors

juliuscecilia33 avatar

Stargazers

 avatar  avatar Butonix avatar

Watchers

Butonix avatar  avatar

Forkers

butonix fahmiwol

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.