Save the world

summary

• About
• Design of this application
• Commit messages
• Main technologies
• Install and run this project
• Application architecture

---

About

In this application you were born with the ability to become anyone you want. Now The world is in danger and you need to become a Marvel character and save the world!

---

Design of this application

The Desgin of this application was made by me on Figma. click here to access.

---

Commit messages

This application uses convetional commits as a standard for commit messages.

---

Main technologies

• Typescript
• React
• React-dom
• Next.js
• Tailwind CSS
• Eslint
• Prettier
• Github Actions

---

Install and run this project

Global dependencies:

You need this global dependencie installed

• Node.js LTS v18.16.1 (or any higher version)

Do you use nvm? You can run nvm install in this project folder, then you will install and use the most appropriate version of Node.js

Local dependencies:

After install this repository, you cannot forget to install local dependencies of this project.

npm install

---

Application architecture

The architecture of this application is a layered architecture. There is 3 layers: repository, controller, view.

• View: This is the User interface layer. It receives the inputs from user, and show outputs.
• Controller: Responsible to controll data flow of application, it receives inputs from View layer and drive it to processing layer, then return the output.
• Repository: Responsible to the processing part of application and acess external data (e.g., external API). In this application external data accessed is from Marvel API.

View --[Input]---> Controller --[input]---> Repository(processing)
Output <---------- Output <----------------- Output