Brrr (Tumblr-Inspired)

This is the starter for the Flask React project. We are cloning the popular website Tumblr.

Our clone will contain the following features:

User authorization, blogs, posts retaining to blogs, blog follows, post likes, image and video posting, and customization. All of these will appear in a feed on the homepage. Comments for the post will be added later.

Live Link

https://brrr.onrender.com

Technologies Used

Navigating through the website

Feed

• In this section, users can post videos, links, photos, or just plain text
• Users can also search for popular blogs in the search bar
• Users can view their feed and the latest posts on their favorite blogs in this section

Make a post

• On the hero page, users can post their favorite photos, videos, links, etc.
• Implemented with AWS, explicitly utilizing Amazon S3 buckets for secure and scalable storage of media files such as images and videos
• Posts automatically render in their blog's feed

Explore Blogs

• In this section, users can view popular blogs associated with "Brrr"
• Users can choose to click on a blog where they will be taken to that blog's page
• Feel free to follow blogs that catch your eye so they appear in your feed!

Follows

• In this section, users can view the blogs that they follow
• Recent posts associated with their followed blogs will appear on the hero page, or by simply clicking on the blog

Likes

• In this section, users can view the posts that they liked
• Each liked post will be associated with the blog
• Users can feel free to unlike posts as they wish

Comments

• In this section, users can leave comments on posts
• If users want to take back their comment they can delete it
• Interact with other blogs!

Run it locally

1. Clone the repository

   https://github.com/James-H007/Brrr-Project.git
   

2. Install dependencies

   npm install
   pipenv install -r requirements.txt
   npm install aws-sdk
   pipenv install boto3

3. Create a .env file based on the example with proper settings for your development environment

   Should look like this:

   SECRET_KEY= notSecret
   DATABASE_URL=sqlite:///dev.db
   SCHEMA=brrr_schema

4. Make sure the SQLite3 database connection URL is in the .env file

5. This starter organizes all tables inside the flask_schema schema, defined by the SCHEMA environment variable. Replace the value for SCHEMA with a unique name, making sure you use the snake_case convention.

6. Get into your pipenv, migrate your database, seed your database, and run your Flask app

   pipenv shell

   flask db upgrade

   flask seed all

   flask run

7. To run the React App in development, first enter the following code below in the terminal to start the back-end:

   pipenv run flask run
   

8. Then run the front-end in a seperate split terminal, enter:

   npm start
   

9. Then navigate to http://localhost:3000