Skip to content

Frontend application done with React.js for usage as hypothetical real project example

License

Notifications You must be signed in to change notification settings

ERNI-Academy/guideline-react-project-example

Repository files navigation

About guideline-react-project-example

Frontend application done with React.js for usage as hypothetical real project example

All Contributors

Built With

This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

Features

  • Learn to solve bugs using a complete React.js project project based on a town of dwarves being able to filter by different features and read information about a citizen

Main Screen

  • To enter to app click on 'Enter to city' button
    brastlewark-main-screen

  • You can filter the list writing the name or through the filter section
    list-screen

  • Filter section:
    filter-section

  • Clicking on one row you can see the citizen information
    info-creen

  • Clicking on one friend image inside the citizen section a modal will popup showing the friend information
    friend-screen

    The app will be oppened in your default browser with localhost:3000

Prerequisites

Installation

Installation instructions {{ Name }} by running:

  1. Clone the repo

    git clone https://github.com/ERNI-Academy/guideline-react-project-example.git
  2. Enter to directory

    cd guideline-react-project-example
  3. Install packages

    npm install
  4. Run project

    npm start

The app will be oppened in your default browser with localhost:3000

Contributing

Please see our Contribution Guide to learn how to contribute.

License

MIT

(LICENSE) © 2022 ERNI - Swiss Software Engineering

Code of conduct

Please see our Code of Conduct

Stats

https://repobeats.axiom.co/api/embed/04ab3235bafcb45b206fb31b39a3ec83502dc531.svg

Follow us

Twitter Follow Twitch Status YouTube Channel Views Linkedin

Contact

📧 [email protected]

David Carmona Maroto (https://www.linkedin.com/in/davidcarmonamaroto/)

Contributors ✨

Thanks goes to these wonderful people (emoji key):


davidwalker2235

💻 🖋 📖 🎨 🤔 🚧 ⚠️ 💡 👀

This project follows the all-contributors specification. Contributions of any kind welcome!