Git Product home page Git Product logo

eduardo3g / twitter-frontend Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 667 KB

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

Home Page: https://main.d39jvlc3jizf4v.amplifyapp.com/#/

JavaScript 31.62% HTML 0.46% Vue 67.36% CSS 0.43% Shell 0.12%
vue vuejs amplify amplify-js amplify-console amplify-auth tailwindcss tailwind-css tailwind aws

twitter-frontend's Introduction

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.

twitter-frontend's People

Contributors

eduardo3g avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

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