Skip to content

Twitter front-end developed using Vue.js and the AWS Amplify JS library. This application connects to an AppSync GraphQL API.

Notifications You must be signed in to change notification settings

eduardo3g/twitter-frontend

Repository files navigation

Twitter logo

Twitter 🐦

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

Author Languages Stars

📚 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.

Releases

No releases published

Packages

No packages published

Languages