Giter Club home page Giter Club logo

github-social's Introduction

GitHub Social

Platform to like and comment on user events.

Project Details & Dependencies

Database: MySQL Backend: Flask (python3) Frontend: ReactJS Other: Data supplied through GitHub API

Introduction

Welcome! This is a short introductory CS project designed to help you learn full-stack fundamentals in under 20 hours. As a high level overview, this project is meant to be a copy of GitHub, except that you can view, like, and comment on user activity.

Currently, the only functionality is to view and like activity. The first task will be to add the functionality to add comments. Along any step of the way if you have questions, please ask!!! This is the first time that this project has been implemented, so I anticipate there may be a couple of bumps along the way.

Installation

  1. Fork the repository and clone it to your desktop. Click "Fork" in the upper right corner. Then, on your own repository, click the green "clone" button on the upper right of the repository. Copy the link, and in terminal enter git clone <link> in your desired directory.

  2. Navigate into the repository. (cd github-social)

  3. Create a virtual environment and activate it.

python3 -m venv venv
. venv/bin/activate

You will know if this is successful if the terminal command is prepended by (venv).

  1. Install the required dependencies. pip install -r requirements.txt

  2. Start the python server, enter python3 run.py. If there are no errors, you should see a number of lines, including this one:

 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

Then, you can enter http://127.0.0.1:5000/ (your link may be different) into your browser URL to view the platform. I recommend you open it on incognito (to prevent caching where the display doesn't reflect current changes). Then, upon making changes on the frontend, you should use a hard reload instead (cmd + shift + r)

  1. Open a new terminal window (ctrl + t) -- This should be in the same directory

  2. Navigate to the frontend files (cd templates/static)

  3. Install frontend dependencies (npm install)

  4. Run this command so that the frontend updates automatically (npm run watch).

You may need to install several dependencies such as python3. You may also need to install libraries such as node, which you can install via HomeBrew.

If you closed the program and need to reopen it, follow these steps:

  1. Navigate to the repository. (cd github-social)

  2. Activate the python virtual environment. (. venv/bin/activate)

  3. Start the python server, enter python3 run.py.

  4. Open a new terminal window (ctrl + t) -- This should be in the same directory

  5. Navigate to the frontend files (cd templates/static)

  6. Run this command so that the frontend updates automatically (npm run watch).

github-social's People

Contributors

clairelin135 avatar

Watchers

 avatar

github-social's Issues

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.