A Halloween trivia game implementing a React.js frontend and a Ruby on Rails backend. This is my first React application and also my first time working with a google maps api. This project integrates everything I learned in module 4 including the ability to:
- Design and architect features across frontend and backend
- Communicate and collaborate in a technical environment
- Build and iterate on a project MVP
- Debug issues in small- to medium-sized projects
- Integrate React.js and Rails
Trick or Treat was inspired by my love for Halloween. I wanted to challenge myself and incorprate a google maps to dynamically create trivia questions. If the user correctly answers the trivia question, they receive a treat, if incorrect, a trick.
- User can login or create new registration
- User can navigate the map and answer different trivia questions
- User can view their bucket to see a list of all their tricks and treats
- User can update their profile
- User can delete items from their bucket
https://github.com/ChristyTropila/Module-four-frontend
- Clone both repos to your local computer
- CD into backend repo and and open up a text editor of your choice
- In terminal run the following commands
- bundle install -install gems
- rails db:migrate -add migrations to data tables
- rails db:seed -seed the program with seeded data
- rails s -p 4000 start up the server
- Open up the frontend repo and run npm install
- After installation, start up the server and run npm start
- Open up a tab in your browser and navigate to "http://localhost:3000/login"
- Visual Studio Code
- PostgresSQL
- Rails as an API
- React.js
- HTML/CSS
- ActiveRecord
- google-maps-react
- Google Fonts
- rack-cors
- active_model_serializers
- toastify
- react-router-dom
- bcrypt