T.H.E.R.E. is a virtual fanny pack for EDM (electronic dance music) fest schedules for fest attendees. As an EDM fan and fest attendee, I felt the pains of having only my unreliable memory to keep track of who I planned to see at each fest while traversing many different apps to find fest lineups.
My app seeks to resolve these issues by allowing users to find these lineups in a single place while also giving them the ability to save fests to which they're going. In order to ease fest day planning, users can plan which artists they want to see at each of those fests with the app as well.
- Clone this repository
git clone https://github.com/manilabui/there.git
- Navigate to the project directory
cd there
- Install dependencies
yarn # or if you prefer npm npm install
- Create the local database
yarn create-db # or npm run create-db
- Run a local instance of the database
yarn serve # or npm run serve
- Start your local development server of the React application.
yarn start # or npm run start
- If your browser doesn't open and navigate to the app automatically, navigate to http://localhost:3000 to view it in the browser in development mode.
Any user, including those without accounts, may look at the list of available fests as well as their corresponding lineups and schedules.
Logged-in users can see a timeline of their upcoming events, and they may also either confirm or express interest (checkmark icon vs star icon) of their attendance to a set.
- Mockups: Figma (Check out the mockup here)
- JavaScript: React with Hooks
- Styling: Tachyons, CSS
- Utility Libraries: Lodash, Moment
- Graphics: Logo + some custom icons designed by me in Figma (Others were Material icons, also from Figma)
- Local Database: JSON Server
- Version Control: Git, GitHub