Coder Social home page Coder Social logo

chirpspace-tweets's Introduction

Chirpspace-Tweets

A clean and concise webapp specifically made to help Twitter content creators get into a flow-state while writing tweets and threads. Built using React and deployed with Vercel.

About

Chirpspace was inspired during my first foray into creating content for Twitter, when I noticed how easy it is to get distracted away from writing your own content by unintentionally reading other content on the platform.

I realized that there were other tools available online that could be used for similar purposes as Chirpspace, but I wanted to create something that was streamlined for one exact purpose and that didn't suffer from unnecesssary feature bloat.

Additionally, I wanted to challenge myself to build something entirely on my own from conceptualization to initial shipment, all using React.

Challenges Overcome & Lessons Learned

• Getting used to React, its features, and how to properly use and render components
• Implementing Dark Mode & Light Mode UI settings
• Developing a method that allows users to "save" their written content and then download it as needed in plaintext format
• Creating quick keystrokes so users can easily add/remove textboxes without needing to shift their hands away from the keyboard

Current Known Issues

• The downloaded plaintext files do not distinguish threads from tweets, and can seem ambigious when compiled together
• The middle "save/rest" button only works via mouseclick
• The site is designed for mobile usage

Future Potential Enhancements

• Increasing "no distractions" via gamification where the user is "locked" into full-screen mode and cannot exit until they've either completed a writing related challenge or type out a specific phrase
• Further gamification where the user attempts to beat their previous "high score" for how many tweets they can write within a given time frame
• Adding mobile site

chirpspace-tweets's People

Contributors

abiever avatar

Watchers

 avatar

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.