Skip to content

A Twitter inspired web application built with React and AWS.

Notifications You must be signed in to change notification settings

rico157/mini-twitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Mini Twitter

A Twitter inspired web application built with React and AWS.


Mini Twitter example

Table of Contents

  1. About The Project
  2. Usage
  3. Getting Started

About The Project

A Twitter inspired simple application that allows users to share text based posts. The app was built using the services provided by AWS and had a very basic backend that allowed database interaction using React. The app has a very simple architecture with each feature implemented as a small functional component. The interface was built using React and Styled Components.

Features

  • A sign up form to allow clients to create a new account and login.
  • A single list showing the latest posts for all the "tweets" on the app.
  • A text entry bar for the user to type in their post and submit it.

Built With

Usage

  • Sign up to the application (email validation with a code is required)

  • Leave your tweets!

Mini Twitter usage example

Getting Started

Prerequisites

  • AWS Amplify npm install -g @aws-amplify/cli

Installation

  • amplify init --app git@github.com:rico157/mini-twitter.git

Installs, initializes, and provisions resources for a sample amplify application from the provided GitHub repository URL. This option must be executed in an empty directory.

  • ? Select the authentication method you want to use: (Use arrow keys) -❯ AWS profile

  • ? Please choose the profile you want to use (Use arrow keys) -❯ <Your-profile>


Useful Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

amplify push

Provisions cloud resources with the latest local developments.

amplify publish

Executes amplify push, and then builds and publishes client-side application for hosting.