Skip to content

Latest commit

 

History

History
162 lines (118 loc) · 4.61 KB

README.md

File metadata and controls

162 lines (118 loc) · 4.61 KB

✨ Spark - A Twitter Clone App 🚀

Welcome to Spark, a full-stack Twitter clone with a modern twist! 🔥 Spark lets you post, view, and interact with tweets, all while ensuring a positive vibe with our AI-powered tweet optimization. Whether you're here to share thoughts, connect with others, or just scroll through an engaging feed, Spark has you covered!

CLICK HERE TO SEE THE APPLICATION LIVE!

🌟 Key Features

As a user (Not Logged In):

  • 👀 View Tweets: See a live feed of all tweets from users.

As a user (Logged In):

  • ✏️ Post Tweets: Write and post tweets up to 255 characters.
  • 📜 View Tweets: Access the list of all tweets.
  • 🔍 User-Specific Feed: Check out tweets from a specific user.
  • 💬 Mention Users: Use the "@" notation to direct tweets to other users.
  • 🖼️ Add Images: Upload images alongside your tweets.
  • 🕒 Real-Time Feed: Watch new tweets instantly pop up on your timeline.
  • 🏷️ Hashtag Search: Find tweets by searching with "#" hashtags.
  • ❤️ Likes & Comments: Like and comment on your favorite tweets.

🧠 AI-Powered Features:

  • ✨ Auto-Edit: Corrects grammar and spelling automatically before you post a tweet.
  • 🌍 Language Translation: Translate your tweets to any language, including fictional languages like Old Valyrian!
  • 😄 Positivity Boost: Converts negative tweets into positive ones, maintaining a friendly atmosphere in Spark.

💻 Tech Stack

Frontend Backend Database
JavaScript (React) Spring Boot MySQL
HTML & CSS (Bootstrap) Spring Framework

🚀 How to Run the App

  1. Clone the Repository:

    git clone https://github.com/yourusername/spark-twitter-clone.git

  2. Install Dependencies:

    • For the frontend: 
      cd frontend
npm install
    • For the backend: 
      cd backend
mvn install

  3. Run the App:

    • Frontend: 
      npm start
    • Backend: 
      ./mvnw

  4. Enjoy the App! 🎉

🛠️ Future Improvements

  • Dark Mode 🌑 for a better user experience.
  • Notifications 🔔 to alert users when someone interacts with their tweets.
  • Direct Messaging 💬 for private conversations.

=======

🌟 Key Features

As a user (Not Logged In):

  • 👀 View Tweets: See a live feed of all tweets from users.

As a user (Logged In):

  • ✏️ Post Tweets: Write and post tweets up to 255 characters.
  • 📜 View Tweets: Access the list of all tweets.
  • 🔍 User-Specific Feed: Check out tweets from a specific user.
  • 💬 Mention Users: Use the "@" notation to direct tweets to other users.
  • 🖼️ Add Images: Upload images alongside your tweets.
  • 🕒 Real-Time Feed: Watch new tweets instantly pop up on your timeline.
  • 🏷️ Hashtag Search: Find tweets by searching with "#" hashtags.
  • ❤️ Likes & Comments: Like and comment on your favorite tweets.

🧠 AI-Powered Features:

  • ✨ Auto-Edit: Corrects grammar and spelling automatically before you post a tweet.
  • 🌍 Language Translation: Translate your tweets to any language, including fictional languages like Old Valyrian!
  • 😄 Positivity Boost: Converts negative tweets into positive ones, maintaining a friendly atmosphere in Spark.

💻 Tech Stack

Frontend Backend Database
JavaScript (React) Spring Boot MySQL
HTML & CSS (Bootstrap) Spring Framework

🚀 How to Run the App

  1. Clone the Repository:

    git clone https://github.com/yourusername/spark-twitter-clone.git

  2. Install Dependencies:

    • For the frontend: 
      cd frontend
npm install
    • For the backend: 
      cd backend
mvn install

  3. Run the App:

    • Frontend: 
      npm start
    • Backend: 
      ./mvnw

  4. Enjoy the App! 🎉

🛠️ Future Improvements

  • Dark Mode 🌑 for a better user experience.
  • Notifications 🔔 to alert users when someone interacts with their tweets.
  • Direct Messaging 💬 for private conversations.

✨ Made by [Josue Castro, Mohammed Naser & Bryan Smith] ✨