Skip to content

justincanthony/fanbase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Project

FanBase

Connecting Fans to Bands
Explore the docs »

Deploy Link · Report Bug · Request Feature

Table of Contents

  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. Contact

About the Project

This project was intended to challenge the developer to display mastery of react, router, asynchronous JavaScript, and end to end testing with Cypress.

The applications core functionality needed to display data from an API of the developer's choice that applies directly to a chosen audience.

The user needed th abilty to store or manipulate the data such as favorting, saving, searching or commenting.

The user also had to be able to navigate multiple views handled by router.

Built With

React Hooks React Router NPM Cypress Sheild Visual Studio Code

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

  • Text Editor
  • NPM
  • React Router
  • Dayjs
  • Normalize

Installation

  1. Clone the repo
    git clone https://github.com/justincanthony/fanbase.git
  2. Install NPM packages
    npm install

USAGE

On page load, the user is welcomed and instructed to enter a musical artist's name into the search bar.

Upon submitting the search, the user can view an image of the artist, the name, relevant links, and any upcomming concerts the artist may have.

Shouls the user be intersted in saving an event that they would like to attend, they can simply click on the save button located on the card.

Should the user wish to view their saved events, they can simply click on the view saved events in the navbar.

If the user would like ot return to the previous page, they can use the back button, or if the user would like to return home, they can click on the logo.

Screen Size EXAMPLES

Mobile Spec Desktop Spec
fanbase_mobile_gif fanbase_desktop_gif

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

justincanthony@gmail.com

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published