Giter Site home page Giter Site logo

c-grigsby / rooster-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rooster-app/rooster-frontend

0.0 1.0 0.0 11.6 MB

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

Home Page: https://www.roostersocial.com/

JavaScript 66.81% CSS 32.66% HTML 0.53%
react social-network social-media ccu

rooster-frontend's Introduction

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

rooster-frontend's People

Contributors

c-grigsby avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.