Dragons | Front end

Dragons is a front end application developed with Reactjs that consumes data from Dragons API, and also consumes a Login API (made by me with Nodejs) for authenticate a user registered in the database and then access the Dragons app.

Please, go to dragons-login-auth-backend, follow the steps and run both projects together.

Credentials (email & password)

Use these credentials to log in the app:

• Email: admin@admin.com
• Password: admin123

Application preview

Login

Homepage

---

Functionalities

✔️ Login page with authentication
✔️ Homepage with the dragons list in alphabetic order
✔️ Page with dragon details (name, type, description, etc)
✔️ CRUD (create/read/update/delete a dragon)
✔️ Data validation
✔️ Responsiveness

Technologies and tools used

• Javascript ES6+
• React
• Redux
• SASS
• Sweet Alert
• React Icons

How to run the project?

Before start, install Git, Node.js and Yarn on your machine. Moreover, recommend use the VSCode terminal.

# Clone this repository
$ git clone https://github.com/cunhasbia/dragons-frontend.git

# Access the repository on your terminal
$ cd dragons-frontend

# Install dependencies
$ yarn

# Run the project
$ yarn start

# The app will be running on http://localhost:3000

Don't forget to use the login API to be able to authenticate yourself in this app.

---

Made with 🧡 by Bianca Cunha | Find me on LinkedIn