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.
![Screen Shot 2024-01-05 at 4 58 49 PM](https://private-user-images.githubusercontent.com/79773788/297854183-b88dfd7f-fd0f-4f22-a954-b61bc2dce6a3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NTQxODMtYjg4ZGZkN2YtZmQwZi00ZjIyLWE5NTQtYjYxYmMyZGNlNmEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQxODhmZGNlZTcxN2NmMDY4MmRiMzU0M2FlN2E5NTVlYjkwMzJmMDliOTliYzQzZDNkMWI2MDU2Y2Q5NzBlNDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.TmjCG1Qg6CsBcNNayKIYhZZw9ZxDRUE9NgB8WF_ja_g)
##Technologies Used
- React.js
- Material-UI
- Flask
- Flask-SQL Alchemy
- Flask-Migrate
-SQLite
- Account Creation: Users can sign up to create personal accounts
![Screen Shot 2024-01-18 at 1 19 44 PM](https://private-user-images.githubusercontent.com/79773788/297856926-ff4d2872-d7a7-45dc-a10c-a26a513f41fa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NTY5MjYtZmY0ZDI4NzItZDdhNy00NWRjLWExMGMtYTI2YTUxM2Y0MWZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWViNGUyMDljNzliMTMwYjNmM2NmZWZmYzBjNDI1NzRjYmU4OTgzYjdmNDZiYWRjZDI3M2Q2YjE1N2IwMTg0ODUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.x6_FbYiOr6MUypEWfFG2k_mRYjAiBb0jpO5M6whrvhA)
- User Authentication
![Screen Shot 2024-01-05 at 4 58 49 PM](https://private-user-images.githubusercontent.com/79773788/297854183-b88dfd7f-fd0f-4f22-a954-b61bc2dce6a3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NTQxODMtYjg4ZGZkN2YtZmQwZi00ZjIyLWE5NTQtYjYxYmMyZGNlNmEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQxODhmZGNlZTcxN2NmMDY4MmRiMzU0M2FlN2E5NTVlYjkwMzJmMDliOTliYzQzZDNkMWI2MDU2Y2Q5NzBlNDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.TmjCG1Qg6CsBcNNayKIYhZZw9ZxDRUE9NgB8WF_ja_g)
- Profile Customization: Users can edit their profiles
![Screen Shot 2024-01-18 at 1 22 10 PM](https://private-user-images.githubusercontent.com/79773788/297857697-53379a80-a210-4ede-8b9d-c7ac0033e0ca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NTc2OTctNTMzNzlhODAtYTIxMC00ZWRlLThiOWQtYzdhYzAwMzNlMGNhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlMTFlMTdkMzE0ZmJhMWIzZDQxMmQ0OWI5M2NjZjNiYWEzMjg3OWU2NTBkYjY5ZDg3NGFlMjJlZjY0MGM3M2QmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wg7F_ZJKeeeJsVdM7tSvQ1QtohYvczbjfPvE4JNOI6E)
- 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
![Screen Shot 2024-01-18 at 1 27 08 PM](https://private-user-images.githubusercontent.com/79773788/297858586-e467f2b7-a8d0-45f0-9146-1f296ef3ebff.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NTg1ODYtZTQ2N2YyYjctYThkMC00NWYwLTkxNDYtMWYyOTZlZjNlYmZmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQzMGRmYzc0MzI4OWFiYzY5ZWZkNTM1MGI4ODJhYWM5NGEyMGYyM2IxMjcxMjRjY2VmYmEyOTVkODU3Y2I0YTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wcnwMbpQ7iK3OasbEUaxw_r_vhy_cB0GrI_ysk2dMXY)
- Post Creation: Users can upload new posts
![Screen Shot 2024-01-18 at 1 35 45 PM](https://private-user-images.githubusercontent.com/79773788/297860861-205ac545-6f4b-4882-90c6-b1a9aaae0b92.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NjA4NjEtMjA1YWM1NDUtNmY0Yi00ODgyLTkwYzYtYjFhOWFhYWUwYjkyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMxODM5MzEyMDIyOWJiYWY2MTg1M2RmZjYzNjI3NzQ1NjZlNWYyZTBhZjAwOTUzNTcyNGJhZGM1YTI2MzM0MjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.129aKzmGETevsOpZV-_yCthQqNIVM4OxaPU2441xH74)
![Screen Shot 2024-01-18 at 1 36 27 PM](https://private-user-images.githubusercontent.com/79773788/297860935-5fa81677-3625-4f94-99e9-5e895cc61ffa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NjA5MzUtNWZhODE2NzctMzYyNS00Zjk0LTk5ZTktNWU4OTVjYzYxZmZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM5NzUwY2FkY2VkZDJlMzk1ZDBmM2IzNTZjYjc0N2RhZTEyMDczZDRiYTNkNDFmNDg0ZGI3YmNkOTM4YzEwYmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.y5gQBVeEpu_Hh_XWzOXwqAp4a3B2AzWLtcArD-5tNEw)
- Post Editing and Deleting: Users can edit and delete uploaded posts
![Screen Shot 2024-01-18 at 1 36 09 PM](https://private-user-images.githubusercontent.com/79773788/297861256-f62f829c-ae32-4f06-bebd-52f7eecaa226.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NjEyNTYtZjYyZjgyOWMtYWUzMi00ZjA2LWJlYmQtNTJmN2VlY2FhMjI2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY2MTQwNzgyOTZjMmU4YTQ5NDAwODVkNTk3Nzc2YjJjMmE0Y2I2NzYwMTEyYjQ2YjU0NTQ0YmFmMzg1YTllM2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.67zPVUugjdsvmaXuBBKO2Azb5nLpae78Kd25u_4WPE8)
- Main Feed: A customized feed displaying posts from followers users
- Profile Pages: Dedicated pages for each user, showcasing their individual posts and prpfoile information
![Screen Shot 2024-01-18 at 1 42 15 PM](https://private-user-images.githubusercontent.com/79773788/297862212-68d6c574-c241-48cf-a848-8f1e8351bced.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NjIyMTItNjhkNmM1NzQtYzI0MS00OGNmLWE4NDgtOGYxZTgzNTFiY2VkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFjZGNhMGI1Y2E4YjY1MWIyYTRmOTE0MzQ2MTQ1ZDNlYzQ1MmYyZGM5OGE4YzcxMTIyYmJhMzY3MGZlYTM5YmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.kKLqNZAnNTRwHoVFi6c18pK0j2AyefhqV_IJCn0jHcM)
![Screen Shot 2024-01-18 at 1 42 27 PM](https://private-user-images.githubusercontent.com/79773788/297862465-b37cfe99-a965-4b6c-a80b-be8daa1bdbe6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQzNDEsIm5iZiI6MTcyNDcyNDA0MSwicGF0aCI6Ii83OTc3Mzc4OC8yOTc4NjI0NjUtYjM3Y2ZlOTktYTk2NS00YjZjLWE4MGItYmU4ZGFhMWJkYmU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAyMDA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVlMmRjZTY2ZDE3NTVmOTZhMTZhMzA0ZjcxNjU1YzJlODY5MTI0NjBjY2NkNDViNmVmZjZhNWQ5MDBkMWM5MDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.qAqg9cdIpfeDnQdpruPrbmtKNOsjgQgOohX_u0wrB8Q)
- 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
- 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