Skip to content

This is a repository created for a Front End test as part of the Zemoga selection process

Notifications You must be signed in to change notification settings

mateomh/zemoga-ui-test

Repository files navigation

Rule of Thumb

This project is a clone of a provided page in the specifications for the test.

screenshot

This is a UI test made for Zemoga as part of the candidate process. The objective was to clone the visuals of the provided screen shot and give the site functionality using JS. The framework chosen to build the site was ReactJS. The publicity sections were not added to the clone due to not being part of the functionality of the site and all the efforts went to make the main components of the page look as close as the original.

Built With

  • ReactJS,
  • Jest,

Live Demo

Test Result Link

How to use it

Just click on the Live link and start testing the application or you can also choose to set it up locally following the next instructions.

Setup Locally

To run the application locally you will need to follow several steps to make it work.

First, you have to check if you have nodejs installed on your machine. For this type the following command in your terminal:

node -v

If command not found shows as a response, then go to nodejs.org and follow the instructions to install it. After completing the installation the same command should show you a version number.

Then clone the repository into your local drive and open a terminal in the root folder of the project and install the necessary packages to make it work by running this command:

npm install

This will get the project ready to run. After this run the following command to start the development server on localhost:3000/ and wait for the browser to open:

npm start

If the browser does not open or you close it by accident, but the server is still running you can type localhost:3000/ in your address bar to get into the application again.

Tests

This project has a suite of tests built-in.

To run the tests clone the repository into your local drive, if you haven't done so, and open a terminal in the root folder of the project and install the necessary packages to make it work by running this command:

npm install

Then you can just run the following command and see the results

npm test

Author

👤 Mateo mojica

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse
  • Zemoga

📝 License

This project is MIT licensed.

Credits

Credits to all the following people for the photos used in the page:

Pope Francis Photo by PBS

Kanye West Photo by Vanity Fair

Mark Zuckerberg Photo by Real State Market & Lifestyle

Cristina Fernandez de Kirchner Photo by CNN en español

Malala Yousafzai Photo by Entaconadas

About

This is a repository created for a Front End test as part of the Zemoga selection process

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published