This is part of Microverse's final capstone project. In this repository, I build the front end for a Dragon Flying Academy web app with the characters of How to Train Your Dragon series.
The project's goal was to create a book of appointment. The back-end should be a REST API done with Ruby on Rails. The front-end should be done with React and Redux. This README will be focused on the front-end. For more details about the API visit the back-end's repository.
The project's assignment can be seen here.
The back-end repository can be found here.
Link to a live version here.
Repository: https://github.com/phalado/final-capstone
For this project, I created Berk's Academy web app. Berk is the only place in the world where dragons live side-by-side with humans. The dragon riders decided to create a dragon flying academy to teach the world how to ride a dragon.
In this web app, you can schedule a class with the instructor of your choice. To schedule a class just follow the steps:
- Signup in the [Signup page][signup]. You will be redirected to the Login page, so login.
- Choose a dragon trainer on the Instructors page.
- Click in the button to be redirected to the instructor's schedule page
- Choose a spot. You can schedule times with a green text. Times with a yellow text were already scheduled by you. Red text shows other user's times. Click on Barf and Belch to navigate to the previous week's or next week's schedule.
An important detail: Dohko insists that, although he really trained a dragon, it's not a riding one.
You can open the catalog online clicking here or locally following these steps:
- Click on the green button "Clone or Download"
- Click on Download ZIP
- Extract the project
- In your terminal, navigate to the game's folder
- Run npm install
- Run npm start
A tab will be opened in the browser.
To create this project I used:
- JavaScript
- A bit of HTML and CSS
- eslint
- React
- Redux
- PropTypes
- Github
- Netlify
- Mobile version using React Native
- More details about the dragons
- Possibility to use a dragon as personal image
Author: Raphael Cordeiro
Follow me on Twitter, visit my Github portfolio, my Linkedin, or my personal portfolio.
I have no business rights about the characters used in this API. This is only for learning purposes. All characters belong to DreamWorks.