Watch demo here https://youtu.be/80eo4SjyXbY
BP SPORTS is a baseball blogging website that allows users to write baseball articles.
Users have the ability to sign up as writers and write, edit and delete articles. Users who do not sign up, may still read articles. Users can also buy merchandise and see a live MLB scoreboard.
The backend can be found at https://github.com/bphillips95/bp-sports-api
There are no prerequisites, just got to https://bp-sports.netlify.com/ and you can run the app.
- JavaScript
- ReactJS
- Redux
- Ruby
- Rails
- React-Router
- React Quill
- JWT
- BCrypt
- Semantic UI React
- Bootstrap
- ESPN API
- React Google Analytics
- PostgresSQL
This app is built with ReactJS for the front-end, and Ruby on Rails back-end. It utilizes Redux to store information in a central state. Styling is either Semantic-UI-React, Bootstrap, or bare CSS. The app uses React Google Analytics to track article views, and time spent on each article. React-Router is used for routing. React Quill Text Editor is used for writing and editing the articles. I learned Redux while creating the app, so I created seperate files for each reducer, for simplicity's sake.
ESPN API - https://gist.github.com/akeaswaran/b48b02f1c94f873c6655e7129910fc3b
REACT QUILL - https://github.com/zenoamaro/react-quill
REACT GOOGLE ANALYTICS - https://github.com/react-ga/react-ga
NOTE: This app is using netlify for hosting which is an SPA(Single-Page-Application) hosting site, so if you refresh the page and the URL is anything but the home page, you will have an error.
To contribute to BP SPORTS, follow these steps:
Fork this repository.
Create a branch: git checkout -b <branch_name>.
Make your changes and commit them: git commit -m '<commit_message>'
Push to the original branch: git push origin bp-sports-frontend/<location>
Create the pull request.
Alternatively see the GitHub documentation on creating a pull request.
If you want to contact me you can reach me at baruchphillips@gmail.com .