Butonix / rooster-frontend

Client-side app for Rooster, a social networking site for the CCU community

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rooster Logo

Rooster Frontend

npm version Netlify Status GitHub Repo stars GitHub forks

This client-side application is the frontend for Rooster, a social networking site for the Coastal Carolina University (CCU) community 👌

Demo

A live demo of the app can be found at www.roostersocial.com

Home Page Profile Page
Create Post Friends Page

Project Specifications

  • Developed with React
  • Users required to have a valid @coastal.edu email address
  • Create and share posts/images with friends & followers
  • Post reactions, comments, save, download
  • Customizable profile page
  • Friend request, friend/unfriend, follow/unfollow
  • Search & Search History for other users
  • Signup and Login Process
  • Account Verification
  • Password Reset
  • Dark Mode On/Off
  • Redux to assit with state management
  • Deployed to Netlify
  • Backend API communication for data persistence, retrieval, authentication & authorization services

Getting Started

To install dependencies:

npm install

To run in development mode:

npm start

Open http://localhost:3000 to view in the browser.

To build the app for production to the build folder:

 npm run build

Environment Variables

This application utilizes dotenv to host environment variables. For local utilization configure the following:

  • REACT_APP_BACKEND_URL
  • REACT_APP_DEFAULT_FRIEND_ID

Contributing

Contributions are welcome! To contribute please visit us at Rooster

About

Client-side app for Rooster, a social networking site for the CCU community


Languages

Language:JavaScript 66.7%Language:CSS 32.7%Language:HTML 0.5%