oladimejitaiwoodusote/capstone-

Collectorsgramm

Inspired by my personal love of vinyl records and music, Collectorsgramm is a social media application built for react.js and flask for vinyl enthusiasts to show off their collections and connect with other vinyl collectors.

##Technologies Used

Front End Technologies

• React.js
• Material-UI

Back End Technologies

• Flask
• Flask-SQL Alchemy
• Flask-Migrate

Database

-SQLite

Features

User Account and Profile Management

• Account Creation: Users can sign up to create personal accounts

• User Authentication

• Profile Customization: Users can edit their profiles

Social Interation

• Following System: Users can follow and unfollow other users, creating a personalized feed and network
• Post Interaction: Users can like and comment on posts
• Discovery Page: Users can explore posts from users not currently followed

Content Creation and Management

• Post Creation: Users can upload new posts

• Post Editing and Deleting: Users can edit and delete uploaded posts

User Feeds

• Main Feed: A customized feed displaying posts from followers users
• Profile Pages: Dedicated pages for each user, showcasing their individual posts and prpfoile information

Backend (Flask App)

• Clone the repo https://github.com/oladimejitaiwoodusote/Capstone-
• Navigate to the server directory cd server
• Create a virtual python environment python -m venv myenv
• Activate virtual environment source myenv/bin/activate
• Install required project dependencies pip install -r requirements.txt
• Set up the flask database flask db init flask db migrate -m 'Initial migration' flask db upgrade
• Run the flask app flask run

Frontend (React App)

• Open a new terminal and naivagate to the client directory cd .. cd client
• Install the necessary npm packages npm install
• Start the React development server flask run