Twitter 🐦

An amazing social network front-end developed with AWS Amplify, Vue.js and Tailwind 💅

📚 Introduction

This front-end application is an identical Twitter clone. It was made to connect to a fully Serverless back-end application, which is opened at this repository. I recommend you check it out if you want to build production-ready Serverless applications with Amazon Web Services.

👨🏽‍🔧 Tech stack

• 🔥 Vue.js - an open-source progressive JavaScript framework for building user interfaces (UIs) and single-page applications.
• 💅 Tailwind - a utility-first CSS framework packed with useful classes.
• 🏡 AWS Amplify - is a set of tools and services that can be used together or on their own, to help front-end web and mobile developers build scalable full stack applications.
• 👮🏻 AWS Cognito - provides authentication, authorization, and user management for your web and mobile apps.
• 🏡 AWS AppSync (GraphQL) - provides a robust, scalable GraphQL interface for application developers to combine data from multiple sources, including Amazon DynamoDB, AWS Lambda, and HTTP REST APIs.

🔥 Features

• Sign up
• Sign in
• Sign out
• Edit your profile (upload profile picture/wallpaper and edit basic information)
• Tweet
• Load timelines
• Follow
• Unfollow
• Like
• Reply
• Retweet
• View followers from a user
• View users that someone is following

⚙️ Project setup

First of all, you need to clone this repository.

git clone https://github.com/eduardo3g/twitter-frontend.git

Open the root directory and install all the dependencies.

npm install

Compile and hot-reload for development

npm run serve

📦 Build

Compile and minify for production.

npm run build

🐞 Issues

Feel free to create a new issue with an detailed title and description. If you already have a solution to fix the problem, I would be very happy to review your pull request.

🎉 Contributing

I'm highly opened to contributions and would love to review pull requests to make this project even better.