Coder Social home page Coder Social logo

chirpchirp's Introduction

chirpchirp

Live Site: chirpchirp

chirpchirp is a full-stack clone of Twitter. Users can view chirps as well as send, edit, and delete their own. Users can also comment on other users chirps.

Screen Shot 2022-09-12 at 10 30 32 AM

Languages, Frameworks, Platforms and Libraries

Languages

Python JavaScript

Backend

Flask SQLAlchemy SQLite

Frontend

React Redux HTML5 CSS3

Hosting

Heroku Docker

Wiki Links:

Features

Login or Signup as a New User

Screen Shot 2022-09-12 at 10 30 32 AM

Chirp Feed with Create a New Chirp

Screen Shot 2022-09-12 at 10 30 49 AM

Chirp Details with Create a New Comment

Screen Shot 2022-09-12 at 10 32 02 AM

Chirp Edit/Delete

Screen Shot 2022-09-12 at 10 46 09 AM Screen Shot 2022-09-12 at 10 47 25 AM

Comment Edit/Delete

Screen Shot 2022-09-12 at 10 48 14 AM Screen Shot 2022-09-12 at 10 48 36 AM

Steps to clone locally:

  1. Clone this repository:
git clone https://github.com/apizarro23/chirpchirp.git
  1. Install backend dependencies:
pipenv install -r requirements.txt
  1. Create a .env file based on the example with proper settings for development environment:
SECRET_KEY=INSERT_SECRET_KEY_HERE
DATABASE_URL=sqlite:///dev.db
  1. Start pipenv, migrate database, seed database, and run Flask app:
pipenv shell
flask db upgrade
flask seed all
flask run
  1. Install frontend dependencies:
cd react-app/
npm install
npm start
  1. Navigate to localhost:3000

Helpful commands

Command Purpose
pipenv shell Open your terminal in the virtual environment and be able to run flask commands without a prefix
pipenv run Run a command from the context of the virtual environment without actually entering into it. You can use this as a prefix for flask commands
flask db upgrade Check in with the database and run any needed migrations
flask db downgrade Check in with the database and revert any needed migrations
flask seed all Just a helpful syntax to run queries against the db to seed data. See the app/seeds folder for reference and more details
heroku login -i Authenticate your heroku-cli using the command line. Drop the -i to authenticate via the browser
heroku authorizations:create Once authenticated, use this to generate an Oauth token
heroku run -a <app name> Run a command from within the deployed container on Heroku

chirpchirp's People

Contributors

apizarro23 avatar

Stargazers

Aaron Zick avatar  avatar

Watchers

Kostas Georgiou 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.